qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统一页面，样式提取修改。

Browse Source
This commit is contained in:
tianyongbao
2026-06-28 09:51:14 +08:00
parent fc4ef3d98b
commit a506f2de98
69 changed files with 299 additions and 1955 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -32,4 +32,6 @@
<style lang="scss">
@import "uview-plus/index.scss";
@import '@/static/scss/index.scss';
@import '@/static/scss/form-common.scss';
@import '@/static/scss/list-common.scss';
</style>

28
src/pages/work/accounts/accountDealRecord/addEdit.vue
View File

@@ -739,21 +739,7 @@ onLoad((option) => {
padding: 24rpx;
// 带箭头的输入框容器
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.location-field {
width: 100%;
@@ -792,18 +778,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

33
src/pages/work/accounts/accountDealRecord/list.vue
View File

@@ -641,16 +641,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -797,15 +788,7 @@ page {
flex: 1;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -868,11 +851,7 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-copy {
background: rgba(250, 173, 20, 0.1);
@@ -880,11 +859,7 @@ page {
border: 1rpx solid rgba(250, 173, 20, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/accounts/accounts/list.vue
View File

@@ -626,13 +626,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -656,15 +650,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -734,17 +720,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}

32
src/pages/work/accounts/creditTransferRecord/addEdit.vue
View File

@@ -353,22 +353,6 @@ function handleCreditCard() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -376,18 +360,4 @@ function handleCreditCard() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

42
src/pages/work/accounts/creditTransferRecord/list.vue
View File

@@ -562,11 +562,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -581,16 +576,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.credit-card-name {
font-size: 28rpx;
@@ -640,24 +626,14 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-item {
display: flex;
flex-direction: column;
gap: 6rpx;
.info-label {
font-size: 22rpx;
color: #999;
font-weight: 400;
}
.info-value {
font-size: 26rpx;
@@ -691,17 +667,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/accounts/debitTransferRecord/addEdit.vue
View File

@@ -292,22 +292,6 @@ function handleInAccount() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -315,18 +299,4 @@ function handleInAccount() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

38
src/pages/work/accounts/debitTransferRecord/list.vue
View File

@@ -581,11 +581,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -600,16 +595,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -697,15 +683,7 @@ page {
width: 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 24rpx;
@@ -746,17 +724,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/accounts/investAccountDeal/addEdit.vue
View File

@@ -359,22 +359,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -382,18 +366,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

34
src/pages/work/accounts/investAccountDeal/list.vue
View File

@@ -564,11 +564,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -583,16 +578,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.account-name {
font-size: 28rpx;
@@ -668,13 +654,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -694,15 +674,7 @@ page {
flex: 1;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

32
src/pages/work/accounts/investTransferRecord/addEdit.vue
View File

@@ -302,22 +302,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -325,18 +309,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages/work/accounts/investTransferRecord/list.vue
View File

@@ -541,11 +541,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -560,16 +555,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.account-name {
font-size: 28rpx;
@@ -652,11 +638,7 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-copy {
background: rgba(250, 173, 20, 0.1);
@@ -664,11 +646,7 @@ page {
border: 1rpx solid rgba(250, 173, 20, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/accounts/lendTransferRecord/addEdit.vue
View File

@@ -368,22 +368,6 @@ function handleInAccount() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -391,18 +375,4 @@ function handleInAccount() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

41
src/pages/work/accounts/lendTransferRecord/list.vue
View File

@@ -516,16 +516,7 @@ page {
flex-shrink: 0;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-date {
font-size: 26rpx;
@@ -567,13 +558,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -589,15 +574,7 @@ page {
min-width: 0;
margin-bottom: -5rpx;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -637,17 +614,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/accounts/posTransferRecord/addEdit.vue
View File

@@ -310,22 +310,6 @@ function handleCreditCard() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -333,18 +317,4 @@ function handleCreditCard() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

38
src/pages/work/accounts/posTransferRecord/list.vue
View File

@@ -609,11 +609,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -628,16 +623,7 @@ page {
gap: 8rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -751,15 +737,7 @@ page {
flex: 1;
min-width: 0;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 24rpx;
@@ -819,17 +797,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

11
src/pages/work/accounts/posadvice/list.vue
View File

@@ -384,16 +384,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 26rpx;

30
src/pages/work/base/bankBaseInfo/addEdit.vue
View File

@@ -262,22 +262,6 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -285,18 +269,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

30
src/pages/work/base/bankBaseInfo/list.vue
View File

@@ -578,13 +578,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -604,15 +598,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -658,17 +644,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/base/creditCard/addEdit.vue
View File

@@ -461,22 +461,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;
}
@@ -484,18 +468,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

30
src/pages/work/base/creditCard/adjustLimit.vue
View File

@@ -501,22 +501,6 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -524,18 +508,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

29
src/pages/work/base/creditCard/list.vue
View File

@@ -459,16 +459,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -553,13 +544,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -579,15 +564,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

32
src/pages/work/base/debitCard/addEdit.vue
View File

@@ -384,22 +384,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -407,18 +391,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

30
src/pages/work/base/debitCard/adjustLimit.vue
View File

@@ -430,22 +430,6 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -487,18 +471,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

41
src/pages/work/base/debitCard/list.vue
View File

@@ -569,16 +569,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -660,13 +651,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -686,15 +671,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -769,11 +746,7 @@ page {
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-limit {
background: rgba(250, 140, 22, 0.1);
@@ -781,11 +754,7 @@ page {
border: 1rpx solid rgba(250, 140, 22, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/base/financials/addEdit.vue
View File

@@ -293,22 +293,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;
}
@@ -329,17 +313,7 @@ onLoad((option) => {
}
}
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

43
src/pages/work/base/financials/list.vue
View File

@@ -321,18 +321,7 @@ page {
flex: 1;
min-width: 0;
.card-icon {
width: 48rpx;
height: 48rpx;
background: rgba(255, 255, 255, 0.2);
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
backdrop-filter: blur(10rpx);
}
.card-info {
flex: 1;
@@ -370,13 +359,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -396,15 +379,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -474,17 +449,9 @@ page {
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/base/futures/addEdit.vue
View File

@@ -311,22 +311,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;
}
@@ -347,17 +331,7 @@ onLoad((option) => {
}
}
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

43
src/pages/work/base/futures/list.vue
View File

@@ -332,18 +332,7 @@ page {
flex: 1;
min-width: 0;
.card-icon {
width: 48rpx;
height: 48rpx;
background: rgba(255, 255, 255, 0.2);
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
backdrop-filter: blur(10rpx);
}
.card-info {
flex: 1;
@@ -388,13 +377,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -414,15 +397,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -492,17 +467,9 @@ page {
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

16
src/pages/work/base/lend/addEdit.vue
View File

@@ -338,22 +338,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;
}

30
src/pages/work/base/lend/list.vue
View File

@@ -396,17 +396,7 @@ page {
margin-right: 16rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
}
.card-info {
flex: 1;
@@ -454,13 +444,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -480,15 +464,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

32
src/pages/work/base/posmachine/addEdit.vue
View File

@@ -423,22 +423,6 @@ onLoad((option) => {
.form-view {
padding: 20rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 24rpx;
}
@@ -446,18 +430,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

30
src/pages/work/base/posmachine/list.vue
View File

@@ -351,17 +351,7 @@ page {
margin-right: 16rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
}
.card-info {
flex: 1;
@@ -409,13 +399,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -435,15 +419,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

30
src/pages/work/base/stocks/addEdit.vue
View File

@@ -293,22 +293,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;
}
@@ -329,17 +313,7 @@ onLoad((option) => {
}
}
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

43
src/pages/work/base/stocks/list.vue
View File

@@ -322,18 +322,7 @@ page {
flex: 1;
min-width: 0;
.card-icon {
width: 48rpx;
height: 48rpx;
background: rgba(255, 255, 255, 0.2);
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
backdrop-filter: blur(10rpx);
}
.card-info {
flex: 1;
@@ -378,13 +367,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -404,15 +387,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -482,17 +457,9 @@ page {
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

14
src/pages/work/bill/creditCardBill/addEdit.vue
View File

@@ -263,21 +263,7 @@ onLoad((option) => {
.form-view {
padding: 20rpx 0rpx 0 10rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 32rpx;

54
src/pages/work/bill/creditCardBill/list.vue
View File

@@ -441,11 +441,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -460,16 +455,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -575,15 +561,7 @@ page {
gap: 8rpx;
min-width: 0;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -670,15 +648,7 @@ page {
gap: 8rpx;
min-width: 0;
.info-label {
font-size: 22rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -737,23 +707,11 @@ page {
font-weight: 600;
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/bill/creditInstallmentHistory/addEdit.vue
View File

@@ -319,22 +319,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -342,18 +326,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

32
src/pages/work/bill/creditInstallmentHistory/detailsAddEdit.vue
View File

@@ -217,22 +217,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -240,18 +224,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

44
src/pages/work/bill/creditInstallmentHistory/list.vue
View File

@@ -398,11 +398,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -417,16 +412,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -511,15 +497,7 @@ page {
gap: 6rpx;
min-width: 0;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -561,23 +539,11 @@ page {
}
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/bill/creditQueryRecord/addEdit.vue
View File

@@ -223,22 +223,6 @@ onLoad((option) => {
.form-view {
padding: 20rpx 0rpx 0 10rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 20rpx;
}
@@ -246,18 +230,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages/work/bill/creditQueryRecord/list.vue
View File

@@ -446,15 +446,7 @@ page {
gap: 12rpx;
margin-bottom: 12rpx;
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
}
.card-name {
font-size: 28rpx;
@@ -493,13 +485,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -520,15 +506,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

32
src/pages/work/bill/futuresBill/addEdit.vue
View File

@@ -230,22 +230,6 @@ onLoad((option) => {
.form-view {
padding: 20rpx 0rpx 0 10rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 20rpx;
}
@@ -253,18 +237,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

34
src/pages/work/bill/futuresBill/list.vue
View File

@@ -305,11 +305,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -325,16 +320,7 @@ page {
flex-wrap: wrap;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-date {
font-size: 26rpx;
@@ -438,23 +424,11 @@ page {
}
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/bill/onlineLendHistory/addEdit.vue
View File

@@ -360,22 +360,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -383,18 +367,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

32
src/pages/work/bill/onlineLendHistory/detailsAddEdit.vue
View File

@@ -268,22 +268,6 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -291,18 +275,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

44
src/pages/work/bill/onlineLendHistory/list.vue
View File

@@ -408,11 +408,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -427,16 +422,7 @@ page {
gap: 10rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-name {
font-size: 28rpx;
@@ -521,15 +507,7 @@ page {
gap: 6rpx;
min-width: 0;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -571,23 +549,11 @@ page {
}
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

32
src/pages/work/bill/peopleLendHistory/addEdit.vue
View File

@@ -304,22 +304,6 @@ onLoad((option) => {
.form-view {
padding: 20rpx 0rpx 0 10rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 20rpx;
}
@@ -327,18 +311,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

51
src/pages/work/bill/peopleLendHistory/list.vue
View File

@@ -328,10 +328,7 @@ page {
}
}
.sticky-container {
background: #ffffff;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}
.filter-view {
display: flex;
@@ -378,11 +375,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -391,16 +383,7 @@ page {
padding: 16rpx 24rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-status {
font-size: 24rpx;
@@ -447,13 +430,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -471,15 +448,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -522,17 +491,9 @@ page {
}
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/bill/stocksBill/addEdit.vue
View File

@@ -229,21 +229,7 @@ onLoad((option) => {
.form-view {
padding: 20rpx 0rpx 0 10rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 20rpx;
@@ -252,18 +238,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

34
src/pages/work/bill/stocksBill/list.vue
View File

@@ -298,11 +298,6 @@ page {
}
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
.item-header {
display: flex;
@@ -318,16 +313,7 @@ page {
flex-wrap: wrap;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-date {
font-size: 26rpx;
@@ -431,23 +417,11 @@ page {
}
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
}
}
</style>

30
src/pages/work/heartJourney/addEdit.vue
View File

@@ -406,21 +406,7 @@ onLoad((option) => {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -513,18 +499,4 @@ onLoad((option) => {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

31
src/pages/work/heartJourney/list.vue
View File

@@ -456,16 +456,7 @@ page {
gap: 12rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-info {
display: flex;
@@ -512,15 +503,7 @@ page {
gap: 8rpx;
min-width: 0;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;
@@ -536,15 +519,7 @@ page {
flex-direction: column;
gap: 8rpx;
.info-label {
font-size: 22rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value-html {
padding: 16rpx;

16
src/pages/work/product/productInfor/addEdit.vue
View File

@@ -246,22 +246,6 @@ onLoad((option) => {
.form-view {
padding: 20rpx 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 20rpx;
display: flex;

30
src/pages/work/product/productInfor/list.vue
View File

@@ -441,17 +441,7 @@ page {
min-width: 0;
}
.card-icon {
width: 40rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12rpx;
flex-shrink: 0;
}
.card-info {
flex: 1;
@@ -499,13 +489,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -526,15 +510,7 @@ page {
flex: 0 0 100%;
}
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
flex-shrink: 0;
}
.info-value {
font-size: 26rpx;

31
src/pages/work/product/productPriceRecord/addEdit.vue
View File

@@ -400,22 +400,6 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
}
@@ -423,18 +407,3 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

29
src/pages/work/product/productPriceRecord/list.vue
View File

@@ -510,16 +510,7 @@ page {
gap: 12rpx;
}
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-info {
display: flex;
@@ -575,13 +566,7 @@ page {
}
}
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {
display: flex;
@@ -597,15 +582,7 @@ page {
min-width: 0;
margin-bottom: -5rpx;
.info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
.info-value {
font-size: 26rpx;

28
src/pages_mine/pages/system/config/addEdit.vue
View File

@@ -203,21 +203,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -226,18 +212,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/dept/addEdit.vue
View File

@@ -296,21 +296,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -319,18 +305,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/dict/addEdit.vue
View File

@@ -194,21 +194,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -217,18 +203,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/dictData/addEdit.vue
View File

@@ -241,21 +241,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -264,18 +250,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

29
src/pages_mine/pages/system/job/addEdit.vue
View File

@@ -268,21 +268,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -291,18 +277,3 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/menu/addEdit.vue
View File

@@ -409,21 +409,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -432,18 +418,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

15
src/pages_mine/pages/system/notice/addEdit.vue
View File

@@ -458,18 +458,3 @@ function doSubmit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/post/addEdit.vue
View File

@@ -188,21 +188,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -211,18 +197,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/role/addEdit.vue
View File

@@ -341,21 +341,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -532,18 +518,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

28
src/pages_mine/pages/system/user/addEdit.vue
View File

@@ -456,21 +456,7 @@ function submit() {
.form-view {
padding: 24rpx;
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
.form-btn {
padding-top: 16rpx;
@@ -582,18 +568,4 @@ function submit() {
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>

49
src/static/scss/form-common.scss Normal file
View File

@@ -0,0 +1,49 @@
/**
* 表单页面公共样式
* 统一管理 addEdit/adjustLimit 等表单页面的重复样式
*/
/* ==================== 全局表单按钮样式 ==================== */
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
/* ==================== 选择型输入框容器样式 ==================== */
.input-with-arrow {
position: relative;
width: 100%;
.arrow-icon {
position: absolute;
right: 20rpx;
top: 50%;
transform: translateY(-50%);
color: #c0c4cc;
font-size: 20rpx;
pointer-events: none;
z-index: 10;
}
}
/* ==================== 表单输入框基础样式常量 ==================== */
/* 各页面在 <script setup> 中通过以下常量使用：
const inputBaseStyle = {
background: '#ffffff',
border: '2rpx solid #dcdfe6',
borderRadius: '8rpx',
padding: '0 24rpx',
height: '68rpx',
width: '100%',
boxSizing: 'border-box'
}
后续可考虑提取为 composable 统一引入 */

117
src/static/scss/list-common.scss Normal file
View File

@@ -0,0 +1,117 @@
/**
* 列表页面公共样式
* 统一管理 list.vue 列表页面的重复样式
*/
/* ==================== 列表卡片容器 ==================== */
.list-item {
margin: 0 24rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
/* ==================== 卡片头部图标 ==================== */
.card-icon {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* ==================== 卡片内容区 ==================== */
.card-body {
padding: 24rpx;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
/* ==================== 信息标签 ==================== */
.info-row .info-item .info-label {
font-size: 24rpx;
color: #667eea;
font-weight: 500;
background: rgba(102, 126, 234, 0.08);
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
}
/* ==================== 操作按钮配色 ==================== */
.operate {
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1rpx solid rgba(102, 126, 234, 0.3);
}
.btn-delete {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1rpx solid rgba(82, 196, 26, 0.3);
}
}
}
/* ==================== 筛选区域 ==================== */
.filter-view {
display: flex;
align-items: center;
padding: 16rpx 32rpx;
border-top: 1rpx solid #f0f0f0;
flex-wrap: wrap;
.filter-title {
font-size: 28rpx;
color: #606266;
font-weight: 500;
flex-shrink: 0;
margin-right: 16rpx;
}
.type-list {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
flex: 1;
.type-item {
padding: 8rpx 24rpx;
font-size: 26rpx;
color: #606266;
background: #f5f7fa;
border-radius: 30rpx;
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
&.active {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff;
font-weight: 600;
box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.3);
}
}
}
}
/* ==================== 搜索栏 ==================== */
.sticky-container {
background: #ffffff;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}