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
2025-11-16 23:15:45 +08:00
parent 9d6e505697
commit 0e8db750d9
65 changed files with 6498 additions and 4216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,19 +29,20 @@
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="密码" prop="password" >
<!-- <u-form-item label="密码" prop="password" >
<u--input v-model="form.password" placeholder="请填写密码"
inputAlign="right" border="none"></u--input>
</u-form-item> -->
<u-form-item label="开户日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" disabled disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="关联储蓄卡" prop="bankNameCode" @click="handleDebitCard">
<u--input v-model="form.bankNameCode" disabled disabledColor="#ffffff" placeholder="请选择关联储蓄卡"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="开户日期" prop="activationDate" @click="selectDate()">
<u--input v-model="form.activationDate" disabled disabledColor="#ffffff" placeholder="请选择开户日期" inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="佣金费率" prop="commission" >
<u--input v-model="form.commission" placeholder="请填写佣金费率"
@@ -241,53 +242,72 @@ onLoad((option) => {
</script>
<style lang="scss" scoped>
.container {
background: #f5f7fa;
}
.section {
margin: 24rpx;
padding: 16rpx 24rpx;
padding: 0;
background-color: #fff;
border-radius: 8rpx;
border-radius: 16rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
overflow: hidden;
.section-title {
width: 360rpx;
color: #fff;
line-height: 44rpx;
font-size: 30rpx;
padding: 16rpx 24rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 16rpx 26rpx;
margin: -16rpx -24rpx 20rpx;
border-radius: 8rpx 8rpx 0 0;
position: relative;
color: #ffffff;
line-height: 1.2;
font-size: 28rpx;
font-weight: 600;
display: flex;
align-items: center;
&::before {
content: '';
position: absolute;
left: 26rpx;
top: 50%;
transform: translateY(-50%);
width: 6rpx;
height: 28rpx;
background-color: #fff;
background: #ffffff;
border-radius: 3rpx;
margin-right: 12rpx;
}
padding-left: 52rpx;
}
.form-view {
padding: 20rpx 0rpx 0 10rpx;
padding: 24rpx;
.form-btn {
padding-top: 20rpx;
::v-deep .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: none;
border-radius: 12rpx;
height: 88rpx;
font-size: 32rpx;
box-shadow: 0 8rpx 16rpx rgba(102, 126, 234, 0.3);
}
padding-top: 32rpx;
}
}
}
</style>
<style lang="scss">
.form-view {
::v-deep .u-form-item--required::before {
color: #f5576c !important;
font-size: 28rpx !important;
margin-right: 4rpx !important;
line-height: 1 !important;
vertical-align: middle !important;
position: relative !important;
top: -2rpx !important;
}
}
.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>