主题色变更
This commit is contained in:
BAKEYi
parent
f65e18ea3d
commit
8299492d12
|
|
@ -95,7 +95,7 @@ export default {
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.tab-text.active {
|
.tab-text.active {
|
||||||
color: #E8101E; /* 选中颜色 */
|
color: #FF4767; /* 选中颜色 */
|
||||||
}
|
}
|
||||||
.tab-badge {
|
.tab-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@ export default {
|
||||||
// 圆环颜色
|
// 圆环颜色
|
||||||
color: {
|
color: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '#E8101E'
|
default: '#FF4767'
|
||||||
},
|
},
|
||||||
// 背景圆环颜色
|
// 背景圆环颜色
|
||||||
backgroundColor: {
|
backgroundColor: {
|
||||||
|
|
|
||||||
|
|
@ -402,7 +402,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-option.active .time-text {
|
.time-option.active .time-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -413,7 +413,7 @@ export default {
|
||||||
|
|
||||||
.time-discount {
|
.time-discount {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
padding: 4rpx 12rpx;
|
padding: 4rpx 12rpx;
|
||||||
background-color: #fff5f6;
|
background-color: #fff5f6;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
|
@ -444,7 +444,7 @@ export default {
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
color: #E8101E; /* 选中态主题色 */
|
color: #FF4767; /* 选中态主题色 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 服务时间按钮专属：控制下拉图标尺寸 */
|
/* 服务时间按钮专属：控制下拉图标尺寸 */
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@ export default {
|
||||||
// 已定义的激活色props（无需修改）
|
// 已定义的激活色props（无需修改）
|
||||||
activeColor: {
|
activeColor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "#E8101E",
|
default: "#FF4767",
|
||||||
},
|
},
|
||||||
// 已定义的非激活色props（无需修改）
|
// 已定义的非激活色props（无需修改）
|
||||||
inactiveColor: {
|
inactiveColor: {
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@ export default {
|
||||||
// 激活状态的颜色
|
// 激活状态的颜色
|
||||||
activeColor: {
|
activeColor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "#E8101E",
|
default: "#FF4767",
|
||||||
},
|
},
|
||||||
// 非激活状态的颜色
|
// 非激活状态的颜色
|
||||||
inactiveColor: {
|
inactiveColor: {
|
||||||
|
|
@ -129,7 +129,7 @@ export default {
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -143,6 +143,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-item.active .icon-text {
|
.icon-item.active .icon-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -208,7 +208,7 @@ export default {
|
||||||
padding-left: 30rpx;
|
padding-left: 30rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
&__point {
|
&__point {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
height: 6rpx;
|
height: 6rpx;
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
@ -221,7 +221,7 @@ export default {
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__right {
|
&__right {
|
||||||
|
|
@ -295,17 +295,17 @@ export default {
|
||||||
height: 82rpx;
|
height: 82rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
&__sure {
|
&__sure {
|
||||||
border-radius: 41rpx;
|
border-radius: 41rpx;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
}
|
}
|
||||||
&__reset {
|
&__reset {
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 41rpx;
|
border-radius: 41rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -114,8 +114,8 @@ export default {
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
background: rgba(252, 67, 124, 0.1);
|
background: rgba(252, 67, 124, 0.1);
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -548,7 +548,7 @@
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -121,7 +121,7 @@ export default {
|
||||||
border: 1rpx solid #fba9bb;
|
border: 1rpx solid #fba9bb;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
@ -197,7 +197,7 @@ export default {
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@ export default {
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
width: 262rpx;
|
width: 262rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 86rpx;
|
line-height: 86rpx;
|
||||||
|
|
|
||||||
|
|
@ -408,11 +408,11 @@ export default {
|
||||||
|
|
||||||
.isActive {
|
.isActive {
|
||||||
background: rgba(252, 67, 124, 0.08);
|
background: rgba(252, 67, 124, 0.08);
|
||||||
color: #e8101e !important;
|
color: #FF4767 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.isActive .time-picker-content__time__list__item__text {
|
.isActive .time-picker-content__time__list__item__text {
|
||||||
color: #e8101e !important;
|
color: #FF4767 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 选中样式前后弧度 */
|
/* 选中样式前后弧度 */
|
||||||
|
|
@ -433,7 +433,7 @@ border-radius: 0rpx 51rpx 51rpx 0rpx}
|
||||||
.time-picker-content__time__sure__box {
|
.time-picker-content__time__sure__box {
|
||||||
width: 648rpx;
|
width: 648rpx;
|
||||||
height: 94rpx;
|
height: 94rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -467,8 +467,8 @@
|
||||||
.isActive {
|
.isActive {
|
||||||
background: rgba(252, 67, 124, 0.08);
|
background: rgba(252, 67, 124, 0.08);
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
/* 选中状态 */
|
/* 选中状态 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -493,7 +493,7 @@
|
||||||
&__box {
|
&__box {
|
||||||
width: 648rpx;
|
width: 648rpx;
|
||||||
height: 94rpx;
|
height: 94rpx;
|
||||||
background: linear-gradient(140deg, #fa4e9a 0%, #E8101E 100%);
|
background: linear-gradient(140deg, #fa4e9a 0%, #FF4767 100%);
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -181,7 +181,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0rpx;
|
top: 0rpx;
|
||||||
left: 0rpx;
|
left: 0rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
padding: 6rpx 14rpx;
|
padding: 6rpx 14rpx;
|
||||||
|
|
@ -247,7 +247,7 @@
|
||||||
.price-symbol {
|
.price-symbol {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -256,7 +256,7 @@
|
||||||
.price-value {
|
.price-value {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -332,12 +332,12 @@
|
||||||
|
|
||||||
.price-symbol {
|
.price-symbol {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.price-value {
|
.price-value {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-right: 12rpx;
|
margin-right: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -336,7 +336,7 @@
|
||||||
.price-text{
|
.price-text{
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -345,7 +345,7 @@
|
||||||
.price-symbol {
|
.price-symbol {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -354,7 +354,7 @@
|
||||||
.price-value {
|
.price-value {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -184,7 +184,7 @@ export default {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
box-shadow: inset 0 0 4rpx rgba(232, 16, 30, 0.2);
|
box-shadow: inset 0 0 4rpx rgba(232, 16, 30, 0.2);
|
||||||
|
|
@ -239,13 +239,13 @@ export default {
|
||||||
|
|
||||||
.line-progress.active {
|
.line-progress.active {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
transition: width 0.3s ease;
|
transition: width 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line-progress.deactivating {
|
.line-progress.deactivating {
|
||||||
width: 0%;
|
width: 0%;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
transition: width 0.3s ease;
|
transition: width 0.3s ease;
|
||||||
transform-origin: right center;
|
transform-origin: right center;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -383,7 +383,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 38rpx;
|
border-radius: 38rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
|
||||||
|
|
@ -169,7 +169,7 @@ export default {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 38rpx;
|
border-radius: 38rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
|
||||||
|
|
@ -307,7 +307,7 @@ export default {
|
||||||
&__text {
|
&__text {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 18rpx;
|
font-size: 18rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 25rpx;
|
line-height: 25rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -371,7 +371,7 @@ export default {
|
||||||
&__immediately {
|
&__immediately {
|
||||||
width: 236rpx;
|
width: 236rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 39rpx;
|
border-radius: 39rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -405,7 +405,7 @@ export default {
|
||||||
|
|
||||||
&__active {
|
&__active {
|
||||||
height: 28rpx;
|
height: 28rpx;
|
||||||
background: linear-gradient(270deg, #fe78b3 0%, #E8101E 100%);
|
background: linear-gradient(270deg, #fe78b3 0%, #FF4767 100%);
|
||||||
border-radius: 39rpx;
|
border-radius: 39rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1036,7 +1036,7 @@
|
||||||
},
|
},
|
||||||
"tabBar": {
|
"tabBar": {
|
||||||
"color": "#999",
|
"color": "#999",
|
||||||
"selectedColor": "#E8101E",
|
"selectedColor": "#FF4767",
|
||||||
"backgroundColor": "#fff",
|
"backgroundColor": "#fff",
|
||||||
"list": [{
|
"list": [{
|
||||||
"iconPath": "/static/images/tabbar/home_icon_dis.png",
|
"iconPath": "/static/images/tabbar/home_icon_dis.png",
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@
|
||||||
<!-- 设为默认地址 -->
|
<!-- 设为默认地址 -->
|
||||||
<view class="form-item switch-item">
|
<view class="form-item switch-item">
|
||||||
<text class="label">设为默认地址</text>
|
<text class="label">设为默认地址</text>
|
||||||
<switch :checked="addressInfo.is_default == 1" @change="onSwitchChange" color="#E8101E" />
|
<switch :checked="addressInfo.is_default == 1" @change="onSwitchChange" color="#FF4767" />
|
||||||
</view>
|
</view>
|
||||||
<!-- 顶部图标 -->
|
<!-- 顶部图标 -->
|
||||||
<view class="biao"></view>
|
<view class="biao"></view>
|
||||||
|
|
@ -622,7 +622,7 @@
|
||||||
.save-btn {
|
.save-btn {
|
||||||
width: 630rpx;
|
width: 630rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 44rpx;
|
border-radius: 44rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -261,7 +261,7 @@
|
||||||
|
|
||||||
/* .tag {
|
/* .tag {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
background-color: rgba(252, 67, 124, 0.08);
|
background-color: rgba(252, 67, 124, 0.08);
|
||||||
padding: 6rpx 16rpx;
|
padding: 6rpx 16rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
|
|
@ -370,7 +370,7 @@
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
border-radius: 39rpx;
|
border-radius: 39rpx;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 64rpx;
|
line-height: 64rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -383,7 +383,7 @@
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<!-- <view class="search-container">
|
<!-- <view class="search-container">
|
||||||
<text class="search-container-text" @click="goSelectCity">{{ city.name }}</text>
|
<text class="search-container-text" @click="goSelectCity">{{ city.name }}</text>
|
||||||
<search-box v-model="searchKeyword" placeholder="请输入地址" width="571rpx" height="68rpx"
|
<search-box v-model="searchKeyword" placeholder="请输入地址" width="571rpx" height="68rpx"
|
||||||
border="1px solid #E8101E" style="padding: 0;" @confirm="onSearch" :showBack="false"></search-box>
|
border="1px solid #FF4767" style="padding: 0;" @confirm="onSearch" :showBack="false"></search-box>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="search-container">
|
<view class="search-container">
|
||||||
<text class="search-container-text" @click="goSelectCity">
|
<text class="search-container-text" @click="goSelectCity">
|
||||||
|
|
@ -858,7 +858,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
border-radius: 60rpx;
|
border-radius: 60rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
@ -936,7 +936,7 @@
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -1124,7 +1124,7 @@
|
||||||
width: 48rpx;
|
width: 48rpx;
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
|
|
||||||
&__text {
|
&__text {
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@
|
||||||
<!-- 设为默认地址 -->
|
<!-- 设为默认地址 -->
|
||||||
<view class="form-item switch-item">
|
<view class="form-item switch-item">
|
||||||
<text class="label">设为默认地址</text>
|
<text class="label">设为默认地址</text>
|
||||||
<switch :checked="addressInfo.is_default == 1" @change="onSwitchChange" color="#E8101E" />
|
<switch :checked="addressInfo.is_default == 1" @change="onSwitchChange" color="#FF4767" />
|
||||||
</view>
|
</view>
|
||||||
<!-- 顶部图标 -->
|
<!-- 顶部图标 -->
|
||||||
<view class="biao"></view>
|
<view class="biao"></view>
|
||||||
|
|
@ -614,7 +614,7 @@
|
||||||
.save-btn {
|
.save-btn {
|
||||||
width: 630rpx;
|
width: 630rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 44rpx;
|
border-radius: 44rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -666,7 +666,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
border-radius: 60rpx;
|
border-radius: 60rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
<view class="action-btn smart-btn" :class="{ 'smart-btn-active': hasRawContent }"
|
<view class="action-btn smart-btn" :class="{ 'smart-btn-active': hasRawContent }"
|
||||||
@click="onSmartRecognize">
|
@click="onSmartRecognize">
|
||||||
<text class="btn-text"
|
<text class="btn-text"
|
||||||
:style="{ color: hasRawContent ? '#E8101E' : '#999999' }">{{ smartBtnText }}</text>
|
:style="{ color: hasRawContent ? '#FF4767' : '#999999' }">{{ smartBtnText }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -2534,8 +2534,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.smart-btn.smart-btn-active {
|
.smart-btn.smart-btn-active {
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-info-panel {
|
.address-info-panel {
|
||||||
|
|
@ -2606,7 +2606,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 49rpx;
|
border-radius: 49rpx;
|
||||||
height: 98rpx;
|
height: 98rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -2722,7 +2722,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
|
||||||
|
|
@ -274,7 +274,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
></custom-navbar>
|
></custom-navbar>
|
||||||
<!-- <view class="search-container">
|
<!-- <view class="search-container">
|
||||||
<search-box v-model="searchKeyword" placeholder="请输入你的服务地址" width="690rpx" height="68rpx"
|
<search-box v-model="searchKeyword" placeholder="请输入你的服务地址" width="690rpx" height="68rpx"
|
||||||
border="1px solid #E8101E" style="padding: 0;" @confirm="onSearch" :showBack="false"></search-box>
|
border="1px solid #FF4767" style="padding: 0;" @confirm="onSearch" :showBack="false"></search-box>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y class="hao-scroll">
|
<scroll-view scroll-y class="hao-scroll">
|
||||||
<view class="hot-citys">
|
<view class="hot-citys">
|
||||||
|
|
|
||||||
|
|
@ -357,7 +357,7 @@
|
||||||
.container-tab-text {
|
.container-tab-text {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
? "门店下单购买后，您需到上门至门店进行服务，门店端展示价格为"
|
? "门店下单购买后，您需到上门至门店进行服务，门店端展示价格为"
|
||||||
: ""
|
: ""
|
||||||
}}
|
}}
|
||||||
<text style="color: #e8101e" v-if="showShopPrice">{{
|
<text style="color: #FF4767" v-if="showShopPrice">{{
|
||||||
shopPrice
|
shopPrice
|
||||||
}}</text>
|
}}</text>
|
||||||
{{ showShopPrice ? "元。" : "" }}
|
{{ showShopPrice ? "元。" : "" }}
|
||||||
|
|
@ -1207,13 +1207,13 @@ export default {
|
||||||
|
|
||||||
.btn-draft {
|
.btn-draft {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
border: 2rpx solid #e8101e;
|
border: 2rpx solid #FF4767;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-submit {
|
.btn-submit {
|
||||||
background-color: #e8101e;
|
background-color: #FF4767;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1485,13 +1485,13 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn-know {
|
.popup-btn-know {
|
||||||
background-color: #e8101e;
|
background-color: #FF4767;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn-notshow {
|
.popup-btn-notshow {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
border: 1rpx #e8101e solid;
|
border: 1rpx #FF4767 solid;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1204,7 +1204,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-info-btn, .view-change-btn, .resubmit-btn {
|
.change-info-btn, .view-change-btn, .resubmit-btn {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 双按钮行样式 */
|
/* 双按钮行样式 */
|
||||||
|
|
@ -1225,7 +1225,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
padding: 0 15rpx;
|
padding: 0 15rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1257,7 +1257,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 7rpx;
|
margin-right: 7rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1405,7 +1405,7 @@ export default {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
border: 4rpx solid #fff;
|
border: 4rpx solid #fff;
|
||||||
border-top: 4rpx solid #E8101E;
|
border-top: 4rpx solid #FF4767;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 1s linear infinite;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
|
|
@ -1470,8 +1470,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio.checked {
|
.radio.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon-image {
|
.radio-icon-image {
|
||||||
|
|
@ -1640,7 +1640,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1659,7 +1659,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1771,13 +1771,13 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.cancel {
|
.tip-btn.cancel {
|
||||||
border: #E8101E 2rpx solid;
|
border: #FF4767 2rpx solid;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.confirm {
|
.tip-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -165,7 +165,7 @@ export default {
|
||||||
timeRange: '7days',
|
timeRange: '7days',
|
||||||
count: 0,
|
count: 0,
|
||||||
chartOpts: {
|
chartOpts: {
|
||||||
color: ["#E8101E"],
|
color: ["#FF4767"],
|
||||||
padding: [15, 15, 0, 15],
|
padding: [15, 15, 0, 15],
|
||||||
enableScroll: false,
|
enableScroll: false,
|
||||||
legend: false,
|
legend: false,
|
||||||
|
|
@ -657,7 +657,7 @@ page {
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-filter .active {
|
.time-filter .active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-container {
|
.chart-container {
|
||||||
|
|
@ -676,7 +676,7 @@ page {
|
||||||
width: 214rpx;
|
width: 214rpx;
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -687,7 +687,7 @@ page {
|
||||||
|
|
||||||
.type-name {
|
.type-name {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.type-count {
|
.type-count {
|
||||||
|
|
@ -708,7 +708,7 @@ page {
|
||||||
background-color: #F53F3F;
|
background-color: #F53F3F;
|
||||||
}
|
}
|
||||||
.order-type-item.active {
|
.order-type-item.active {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
}
|
}
|
||||||
.order-type-item.active .type-name {
|
.order-type-item.active .type-name {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
@ -800,7 +800,7 @@ page {
|
||||||
}
|
}
|
||||||
.action-btn.verify .action-text {
|
.action-btn.verify .action-text {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nothings-box {
|
.nothings-box {
|
||||||
|
|
|
||||||
|
|
@ -249,7 +249,7 @@ page {
|
||||||
flex-flow: row nowrap;
|
flex-flow: row nowrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
background-color: #FFF1F1;
|
background-color: #FFF1F1;
|
||||||
border-radius: 22rpx;
|
border-radius: 22rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
@ -267,7 +267,7 @@ page {
|
||||||
}
|
}
|
||||||
.verified-text {
|
.verified-text {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
.verified-text.no {
|
.verified-text.no {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
|
|
|
||||||
|
|
@ -782,7 +782,7 @@
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1544,7 +1544,7 @@ export default {
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-left: 14rpx;
|
margin-left: 14rpx;
|
||||||
}
|
}
|
||||||
.textarea {
|
.textarea {
|
||||||
|
|
@ -1655,7 +1655,7 @@ export default {
|
||||||
.save-btn {
|
.save-btn {
|
||||||
width: 702rpx;
|
width: 702rpx;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 32rpx;
|
border-radius: 32rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -1762,8 +1762,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox.checked {
|
.checkbox.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -1796,7 +1796,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(90deg, #E8101E 0%, #FF618F 100%);
|
background: linear-gradient(90deg, #FF4767 0%, #FF618F 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1834,7 +1834,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.region-tab.active {
|
.region-tab.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1846,7 +1846,7 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 4rpx;
|
height: 4rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1907,7 +1907,7 @@ export default {
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1949,7 +1949,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-block.active .time-value {
|
.time-block.active .time-value {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-separator {
|
.time-separator {
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@
|
||||||
<view class="radio-item" @click="editable && setHealthCardValidType('permanent')">
|
<view class="radio-item" @click="editable && setHealthCardValidType('permanent')">
|
||||||
<view class="radio" :class="{ checked: displayData.health_card_expiry_type === 1 }">
|
<view class="radio" :class="{ checked: displayData.health_card_expiry_type === 1 }">
|
||||||
<image v-if="displayData.health_card_expiry_type === 1"
|
<image v-if="displayData.health_card_expiry_type === 1"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image"
|
class="radio-icon-image"
|
||||||
mode="aspectFit"></image>
|
mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
<view class="radio-item" @click="editable && setHealthCardValidType('date')">
|
<view class="radio-item" @click="editable && setHealthCardValidType('date')">
|
||||||
<view class="radio" :class="{ checked: displayData.health_card_expiry_type === 2 }">
|
<view class="radio" :class="{ checked: displayData.health_card_expiry_type === 2 }">
|
||||||
<image v-if="displayData.health_card_expiry_type === 2"
|
<image v-if="displayData.health_card_expiry_type === 2"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image"
|
class="radio-icon-image"
|
||||||
mode="aspectFit"></image>
|
mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1292,7 +1292,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-info-btn, .view-change-btn, .resubmit-btn {
|
.change-info-btn, .view-change-btn, .resubmit-btn {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 双按钮行样式 */
|
/* 双按钮行样式 */
|
||||||
|
|
@ -1313,7 +1313,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
padding: 0 15rpx;
|
padding: 0 15rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1345,7 +1345,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 7rpx;
|
margin-right: 7rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1472,8 +1472,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio.checked {
|
.radio.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon-image {
|
.radio-icon-image {
|
||||||
|
|
|
||||||
|
|
@ -104,7 +104,7 @@
|
||||||
@click="toggleDistrictSelect(index)"
|
@click="toggleDistrictSelect(index)"
|
||||||
>
|
>
|
||||||
<view class="checkbox" :class="{ checked: district.checked }">
|
<view class="checkbox" :class="{ checked: district.checked }">
|
||||||
<image v-if="district.checked" class="check-icon" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/66325904-4603-48fd-b03b-90c684af96e9" mode="aspectFit"></image>
|
<image v-if="district.checked" class="check-icon" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6948baf3-aad9-4d87-9483-9db0e462a3f7.png" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="checkbox-label">{{district.area}}</text>
|
<text class="checkbox-label">{{district.area}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -752,7 +752,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -854,7 +854,7 @@ export default {
|
||||||
|
|
||||||
.limit-text {
|
.limit-text {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 区域选择器样式 */
|
/* 区域选择器样式 */
|
||||||
|
|
@ -942,7 +942,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.region-tab.active {
|
.region-tab.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -954,7 +954,7 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 4rpx;
|
height: 4rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -994,8 +994,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox.checked {
|
.checkbox.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -1035,7 +1035,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1075,11 +1075,11 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-info-btn {
|
.change-info-btn {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.view-change-btn {
|
.view-change-btn {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 双按钮行样式 */
|
/* 双按钮行样式 */
|
||||||
|
|
@ -1100,7 +1100,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
padding: 0 15rpx;
|
padding: 0 15rpx;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -467,7 +467,7 @@
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 32rpx;
|
width: 32rpx;
|
||||||
height: 6rpx;
|
height: 6rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 3rpx;
|
border-radius: 3rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -512,7 +512,7 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -558,20 +558,20 @@
|
||||||
|
|
||||||
.price-symbol {
|
.price-symbol {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.price-value {
|
.price-value {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin: 0 4rpx;
|
margin: 0 4rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.price-unit {
|
.price-unit {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag {
|
.status-tag {
|
||||||
|
|
@ -593,7 +593,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag.state2 .status-text {
|
.status-tag.state2 .status-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 审核中 */
|
/* 审核中 */
|
||||||
|
|
@ -735,7 +735,7 @@
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 88rpx;
|
line-height: 88rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
|
|
||||||
.serviceBtn-text {
|
.serviceBtn-text {
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<view class="checkbox" :class="{ checked: isCurrentSkillSelected(skill.id) }">
|
<view class="checkbox" :class="{ checked: isCurrentSkillSelected(skill.id) }">
|
||||||
<image v-if="isCurrentSkillSelected(skill.id)"
|
<image v-if="isCurrentSkillSelected(skill.id)"
|
||||||
class="check-icon"
|
class="check-icon"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/66325904-4603-48fd-b03b-90c684af96e9"
|
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6948baf3-aad9-4d87-9483-9db0e462a3f7.png"
|
||||||
mode="aspectFit">
|
mode="aspectFit">
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
<view class="checkbox" :class="{ checked: skill.checked }">
|
<view class="checkbox" :class="{ checked: skill.checked }">
|
||||||
<image v-if="skill.checked"
|
<image v-if="skill.checked"
|
||||||
class="check-icon"
|
class="check-icon"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/66325904-4603-48fd-b03b-90c684af96e9"
|
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6948baf3-aad9-4d87-9483-9db0e462a3f7.png"
|
||||||
mode="aspectFit">
|
mode="aspectFit">
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -721,7 +721,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -790,8 +790,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox.checked {
|
.checkbox.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -827,12 +827,12 @@ export default {
|
||||||
|
|
||||||
.change-info-btn {
|
.change-info-btn {
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.view-change-btn {
|
.view-change-btn {
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 双按钮行样式 */
|
/* 双按钮行样式 */
|
||||||
|
|
@ -853,7 +853,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
padding: 0 15rpx;
|
padding: 0 15rpx;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -371,7 +371,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -410,7 +410,7 @@ export default {
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -476,7 +476,7 @@ export default {
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -526,7 +526,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-block.active .time-value-picker {
|
.time-block.active .time-value-picker {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-separator {
|
.time-separator {
|
||||||
|
|
@ -572,7 +572,7 @@ export default {
|
||||||
border: none;
|
border: none;
|
||||||
width: 290rpx;
|
width: 290rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
background: linear-gradient( 180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient( 180deg, #F52540 0%, #FF4767 100%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -592,7 +592,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-confirm-large {
|
.btn-confirm-large {
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -100,13 +100,13 @@
|
||||||
<view class="radio-group">
|
<view class="radio-group">
|
||||||
<view class="radio-item" @click="editable && setIdCardValidType(1)">
|
<view class="radio-item" @click="editable && setIdCardValidType(1)">
|
||||||
<view class="radio" :class="{ checked: displayData.idcard_expiry_type === 1 }">
|
<view class="radio" :class="{ checked: displayData.idcard_expiry_type === 1 }">
|
||||||
<image v-if="displayData.idcard_expiry_type === 1" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60" class="radio-icon-image" mode="aspectFit"></image>
|
<image v-if="displayData.idcard_expiry_type === 1" src="/static/images/agree_y.png" class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">长久有效</text>
|
<text class="radio-label">长久有效</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="radio-item" @click="editable && setIdCardValidType(2)">
|
<view class="radio-item" @click="editable && setIdCardValidType(2)">
|
||||||
<view class="radio" :class="{ checked: displayData.idcard_expiry_type === 2 }">
|
<view class="radio" :class="{ checked: displayData.idcard_expiry_type === 2 }">
|
||||||
<image v-if="displayData.idcard_expiry_type === 2" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60" class="radio-icon-image" mode="aspectFit"></image>
|
<image v-if="displayData.idcard_expiry_type === 2" src="/static/images/agree_y.png" class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">指定日期有效</text>
|
<text class="radio-label">指定日期有效</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1813,7 +1813,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-info-btn, .view-change-btn, .resubmit-btn {
|
.change-info-btn, .view-change-btn, .resubmit-btn {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 双按钮行样式 */
|
/* 双按钮行样式 */
|
||||||
|
|
@ -1834,7 +1834,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
padding: 0 15rpx;
|
padding: 0 15rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1866,7 +1866,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 7rpx;
|
margin-right: 7rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -2029,7 +2029,7 @@ export default {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
border: 4rpx solid #fff;
|
border: 4rpx solid #fff;
|
||||||
border-top: 4rpx solid #E8101E;
|
border-top: 4rpx solid #FF4767;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 1s linear infinite;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
|
|
@ -2115,8 +2115,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio.checked {
|
.radio.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon-image {
|
.radio-icon-image {
|
||||||
|
|
@ -2291,7 +2291,7 @@ export default {
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2321,7 +2321,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -2431,13 +2431,13 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.cancel {
|
.tip-btn.cancel {
|
||||||
border: #E8101E 2rpx solid;
|
border: #FF4767 2rpx solid;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.confirm {
|
.tip-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -326,7 +326,7 @@ export default {
|
||||||
|
|
||||||
.add-icon {
|
.add-icon {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -367,7 +367,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|
|
||||||
|
|
@ -934,7 +934,7 @@
|
||||||
.get-code-btn {
|
.get-code-btn {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -959,7 +959,7 @@
|
||||||
.input-error {
|
.input-error {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
margin-left: 30rpx;
|
margin-left: 30rpx;
|
||||||
margin-top: -20rpx;
|
margin-top: -20rpx;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
|
|
|
||||||
|
|
@ -132,7 +132,7 @@ import request from '../../utils/request';
|
||||||
.state {
|
.state {
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
}
|
}
|
||||||
.state-text {
|
.state-text {
|
||||||
|
|
|
||||||
|
|
@ -118,7 +118,7 @@ import locationService from "@/utils/locationService";
|
||||||
color: #91908F;
|
color: #91908F;
|
||||||
}
|
}
|
||||||
.btn-box {
|
.btn-box {
|
||||||
background: linear-gradient( 180deg, #F52540 0%, #E8101E 100%);
|
background: linear-gradient( 180deg, #F52540 0%, #FF4767 100%);
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
|
||||||
|
|
@ -226,7 +226,7 @@
|
||||||
.score {
|
.score {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -251,7 +251,7 @@
|
||||||
.score {
|
.score {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -279,7 +279,7 @@
|
||||||
.score {
|
.score {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -177,7 +177,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -578,7 +578,7 @@
|
||||||
|
|
||||||
// 选中状态样式
|
// 选中状态样式
|
||||||
&.active {
|
&.active {
|
||||||
color: #e8101e; // 选中文字颜色
|
color: #FF4767; // 选中文字颜色
|
||||||
font-weight: 600; // 选中时加粗（可选，根据图片效果）
|
font-weight: 600; // 选中时加粗（可选，根据图片效果）
|
||||||
|
|
||||||
// 横条效果：通过伪元素实现
|
// 横条效果：通过伪元素实现
|
||||||
|
|
@ -592,8 +592,8 @@
|
||||||
bottom: -6rpx; // 距离文字底部的距离（可调整）
|
bottom: -6rpx; // 距离文字底部的距离（可调整）
|
||||||
height: 6rpx; // 横条高度
|
height: 6rpx; // 横条高度
|
||||||
background: linear-gradient(306deg,
|
background: linear-gradient(306deg,
|
||||||
#e8101e 0%,
|
#FF4767 0%,
|
||||||
#e8101e 100%); // 横条颜色（与文字颜色一致）
|
#FF4767 100%); // 横条颜色（与文字颜色一致）
|
||||||
border-radius: 3rpx; // 横条圆角（可选，更柔和）
|
border-radius: 3rpx; // 横条圆角（可选，更柔和）
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -628,7 +628,7 @@
|
||||||
|
|
||||||
// 选中状态样式
|
// 选中状态样式
|
||||||
&.active {
|
&.active {
|
||||||
color: #e8101e; // 选中颜色
|
color: #FF4767; // 选中颜色
|
||||||
background: rgba(252, 67, 124, 0.1); // 可选：选中时背景色变化
|
background: rgba(252, 67, 124, 0.1); // 可选：选中时背景色变化
|
||||||
font-weight: 600; // 可选：选中时加粗
|
font-weight: 600; // 可选：选中时加粗
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -205,7 +205,7 @@
|
||||||
.stateText {
|
.stateText {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -255,7 +255,7 @@
|
||||||
.service-price {
|
.service-price {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -292,7 +292,7 @@
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
background: linear-gradient(166deg, #FC5E72 0%, #E8101E 100%);
|
background: linear-gradient(166deg, #FC5E72 0%, #FF4767 100%);
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
padding: 4rpx 4rpx 4rpx 8rpx;
|
padding: 4rpx 4rpx 4rpx 8rpx;
|
||||||
margin-right: 13rpx;
|
margin-right: 13rpx;
|
||||||
|
|
@ -388,8 +388,8 @@
|
||||||
|
|
||||||
/* 接单按钮 */
|
/* 接单按钮 */
|
||||||
.accept-btn {
|
.accept-btn {
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-address {
|
.order-address {
|
||||||
|
|
|
||||||
|
|
@ -129,7 +129,7 @@
|
||||||
|
|
||||||
.tab-text {
|
.tab-text {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
&::after{
|
&::after{
|
||||||
content: '';
|
content: '';
|
||||||
// 绝对定位在元素底部
|
// 绝对定位在元素底部
|
||||||
|
|
@ -139,7 +139,7 @@
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
bottom: -6rpx; // 距离文字底部的距离（可调整）
|
bottom: -6rpx; // 距离文字底部的距离（可调整）
|
||||||
height: 6rpx; // 横条高度
|
height: 6rpx; // 横条高度
|
||||||
background: linear-gradient( 306deg, #E8101E 0%, #F25988 100%); // 横条颜色（与文字颜色一致）
|
background: linear-gradient( 306deg, #FF4767 0%, #F25988 100%); // 横条颜色（与文字颜色一致）
|
||||||
border-radius: 3rpx; // 横条圆角（可选，更柔和）
|
border-radius: 3rpx; // 横条圆角（可选，更柔和）
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@ export default {
|
||||||
.stateText {
|
.stateText {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -223,7 +223,7 @@ export default {
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -298,7 +298,7 @@ export default {
|
||||||
|
|
||||||
/* 接单按钮 */
|
/* 接单按钮 */
|
||||||
.accept-btn {
|
.accept-btn {
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -405,7 +405,7 @@
|
||||||
.login {
|
.login {
|
||||||
width: 630rpx;
|
width: 630rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
line-height: 96rpx;
|
line-height: 96rpx;
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<uv-switch v-model="mainSwitch.switch" activeColor="#E8101E" @change="handleSwitchChange('total',mainSwitch, $event)"></uv-switch>
|
<uv-switch v-model="mainSwitch.switch" activeColor="#FF4767" @change="handleSwitchChange('total',mainSwitch, $event)"></uv-switch>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="settings-title" v-if="kindList.length">
|
<view class="settings-title" v-if="kindList.length">
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="card-tip">{{ item.text }}</view>
|
<view class="card-tip">{{ item.text }}</view>
|
||||||
</view>
|
</view>
|
||||||
<uv-switch v-model="item.switch" activeColor="#E8101E" @change="handleSwitchChange('branch',item, $event)"></uv-switch>
|
<uv-switch v-model="item.switch" activeColor="#FF4767" @change="handleSwitchChange('branch',item, $event)"></uv-switch>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -267,7 +267,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-red {
|
.color-red {
|
||||||
color: #E8101E !important;
|
color: #FF4767 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 弹窗样式 */
|
/* 弹窗样式 */
|
||||||
|
|
@ -324,7 +324,7 @@
|
||||||
.dialog-btn {
|
.dialog-btn {
|
||||||
width: 476rpx;
|
width: 476rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 44rpx;
|
border-radius: 44rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -332,7 +332,7 @@
|
||||||
width: 16rpx;
|
width: 16rpx;
|
||||||
height: 16rpx;
|
height: 16rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-left: 8rpx;
|
margin-left: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<uv-switch v-model="mainSwitch.switch" activeColor="#E8101E"
|
<uv-switch v-model="mainSwitch.switch" activeColor="#FF4767"
|
||||||
@change="handleSwitchChange('total',mainSwitch, $event)"></uv-switch>
|
@change="handleSwitchChange('total',mainSwitch, $event)"></uv-switch>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="card-tip">{{ item.text }}</view>
|
<view class="card-tip">{{ item.text }}</view>
|
||||||
</view>
|
</view>
|
||||||
<uv-switch v-model="item.switch" activeColor="#E8101E"
|
<uv-switch v-model="item.switch" activeColor="#FF4767"
|
||||||
@change="handleSwitchChange('branch',item, $event)"></uv-switch>
|
@change="handleSwitchChange('branch',item, $event)"></uv-switch>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -289,7 +289,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-red {
|
.color-red {
|
||||||
color: #E8101E !important;
|
color: #FF4767 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 弹窗样式 */
|
/* 弹窗样式 */
|
||||||
|
|
@ -346,7 +346,7 @@
|
||||||
.dialog-btn {
|
.dialog-btn {
|
||||||
width: 476rpx;
|
width: 476rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 44rpx;
|
border-radius: 44rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -437,7 +437,7 @@
|
||||||
width: 300rpx;
|
width: 300rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="card-tip"> 开启语音提示避免落单</view>
|
<view class="card-tip"> 开启语音提示避免落单</view>
|
||||||
</view>
|
</view>
|
||||||
<uv-switch v-model="value" @change="changeVoice" activeColor="#E8101E"></uv-switch>
|
<uv-switch v-model="value" @change="changeVoice" activeColor="#FF4767"></uv-switch>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -292,7 +292,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-red {
|
.color-red {
|
||||||
color: #E8101E !important;
|
color: #FF4767 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 弹窗遮罩
|
// 弹窗遮罩
|
||||||
|
|
@ -348,7 +348,7 @@
|
||||||
.dialog-btn {
|
.dialog-btn {
|
||||||
width: 400rpx;
|
width: 400rpx;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 44rpx;
|
border-radius: 44rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@
|
||||||
<image
|
<image
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/931c0992-5243-4c70-ab2b-b99b430661c8.png"
|
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/931c0992-5243-4c70-ab2b-b99b430661c8.png"
|
||||||
mode="aspectFill" class="wallet_content_img"></image>
|
mode="aspectFill" class="wallet_content_img"></image>
|
||||||
<view class="wallet_content_text">钱包余额：<text style="color: #e8101e">{{ userInfo.money }}元</text>
|
<view class="wallet_content_text">钱包余额：<text style="color: #FF4767">{{ userInfo.money }}元</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -120,7 +120,7 @@
|
||||||
<view class="imageText-content">
|
<view class="imageText-content">
|
||||||
<image :src="card.url" mode="widthFix"></image>
|
<image :src="card.url" mode="widthFix"></image>
|
||||||
<view class="text-status">入驻成功啦！</view>
|
<view class="text-status">入驻成功啦！</view>
|
||||||
<view class="text-next">下一步:等待<text style="color: #e8101e">专属门店商家邀约绑定</text>，解锁订单资源与服</view>
|
<view class="text-next">下一步:等待<text style="color: #FF4767">专属门店商家邀约绑定</text>，解锁订单资源与服</view>
|
||||||
<view class="text-next">务通道，开启高效变现、共创共赢的新旅程～</view>
|
<view class="text-next">务通道，开启高效变现、共创共赢的新旅程～</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -995,7 +995,7 @@ page {
|
||||||
|
|
||||||
.user-identity {
|
.user-identity {
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
border: 1rpx solid #e8101e;
|
border: 1rpx solid #FF4767;
|
||||||
border-radius: 22rpx;
|
border-radius: 22rpx;
|
||||||
width: 112rpx;
|
width: 112rpx;
|
||||||
height: 44rpx;
|
height: 44rpx;
|
||||||
|
|
@ -1005,7 +1005,7 @@ page {
|
||||||
|
|
||||||
.identity-text {
|
.identity-text {
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -400,7 +400,7 @@ export default {
|
||||||
left: 60rpx;
|
left: 60rpx;
|
||||||
width: 630rpx;
|
width: 630rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 58rpx;
|
border-radius: 58rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -499,7 +499,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.region-tab.active {
|
.region-tab.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -511,7 +511,7 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 4rpx;
|
height: 4rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -552,7 +552,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(90deg, #E8101E 0%, #FF618F 100%);
|
background: linear-gradient(90deg, #FF4767 0%, #FF618F 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
|
||||||
|
|
@ -275,18 +275,18 @@ export default {
|
||||||
|
|
||||||
.rating-score {
|
.rating-score {
|
||||||
font-size: 16rpx;
|
font-size: 16rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-left: 68rpx;
|
margin-left: 68rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.currency {
|
.currency {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.amount {
|
.amount {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -328,7 +328,7 @@ export default {
|
||||||
}
|
}
|
||||||
.load-date {
|
.load-date {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.load-text {
|
.load-text {
|
||||||
|
|
|
||||||
|
|
@ -716,7 +716,7 @@ page {
|
||||||
.real-price {
|
.real-price {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
/* 订单信息卡片 */
|
/* 订单信息卡片 */
|
||||||
.order-card {
|
.order-card {
|
||||||
|
|
@ -788,13 +788,13 @@ page {
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
.btn-border {
|
.btn-border {
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
.btn-bg {
|
.btn-bg {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
}
|
}
|
||||||
.button-text {
|
.button-text {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
@ -804,7 +804,7 @@ page {
|
||||||
.btn-border .button-text {
|
.btn-border .button-text {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
/* APP适配 */
|
/* APP适配 */
|
||||||
/* #ifdef APP-PLUS */
|
/* #ifdef APP-PLUS */
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
||||||
<text class="method-name">{{ item.name }}</text>
|
<text class="method-name">{{ item.name }}</text>
|
||||||
</view>
|
</view>
|
||||||
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/icons/yes_icon.png`" :radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/agree_y.png`" :radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -494,7 +494,7 @@
|
||||||
::v-deep .uv-count-down__text {
|
::v-deep .uv-count-down__text {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;;
|
color: #FF4767;;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -559,13 +559,13 @@
|
||||||
.total-amount .symbol {
|
.total-amount .symbol {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.total-amount .amount {
|
.total-amount .amount {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.amount-lable {
|
.amount-lable {
|
||||||
|
|
@ -576,7 +576,7 @@
|
||||||
.pay-btn {
|
.pay-btn {
|
||||||
width: 680rpx;
|
width: 680rpx;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
background: linear-gradient( 180deg, #F52540 0%, #E8101E 100%);
|
background: linear-gradient( 180deg, #F52540 0%, #FF4767 100%);
|
||||||
border-radius: 43rpx;
|
border-radius: 43rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
|
||||||
|
|
@ -623,7 +623,7 @@ export default {
|
||||||
height: 28rpx;
|
height: 28rpx;
|
||||||
border: 3rpx;
|
border: 3rpx;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-item {
|
.service-item {
|
||||||
|
|
@ -766,7 +766,7 @@ export default {
|
||||||
.price-total .price {
|
.price-total .price {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.amount-lable {
|
.amount-lable {
|
||||||
|
|
@ -777,7 +777,7 @@ export default {
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
width: 492rpx;
|
width: 492rpx;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 32rpx;
|
border-radius: 32rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
@ -984,8 +984,8 @@ export default {
|
||||||
.isActive {
|
.isActive {
|
||||||
background: rgba(252, 67, 124, 0.08);
|
background: rgba(252, 67, 124, 0.08);
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
/* 选中状态 */
|
/* 选中状态 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1010,7 +1010,7 @@ export default {
|
||||||
&__box {
|
&__box {
|
||||||
width: 648rpx;
|
width: 648rpx;
|
||||||
height: 94rpx;
|
height: 94rpx;
|
||||||
background: linear-gradient(140deg, #fa4e9a 0%, #E8101E 100%);
|
background: linear-gradient(140deg, #fa4e9a 0%, #FF4767 100%);
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<view class="group-invite"
|
<view class="group-invite"
|
||||||
v-if="orderInfo.state !=1 && orderInfo.team_buy_id && (orderInfo.team_buy_order_state==1||orderInfo.team_buy_order_state==2)">
|
v-if="orderInfo.state !=1 && orderInfo.team_buy_id && (orderInfo.team_buy_order_state==1||orderInfo.team_buy_order_state==2)">
|
||||||
<view class="invite-text" v-if="orderInfo.team_buy_order_state == 1">参团成功，需邀请<text
|
<view class="invite-text" v-if="orderInfo.team_buy_order_state == 1">参团成功，需邀请<text
|
||||||
style="color: #E8101E">{{orderInfo.team_buy.person_num - orderInfo.team_buy.pay_person_num}}</text>人才可完成拼团
|
style="color: #FF4767">{{orderInfo.team_buy.person_num - orderInfo.team_buy.pay_person_num}}</text>人才可完成拼团
|
||||||
</view>
|
</view>
|
||||||
<view class="invite-text" v-if="orderInfo.team_buy_order_state == 2">参团成功，已拼团成功！</view>
|
<view class="invite-text" v-if="orderInfo.team_buy_order_state == 2">参团成功，已拼团成功！</view>
|
||||||
|
|
||||||
|
|
@ -266,16 +266,16 @@
|
||||||
formatPriceNumber(this.orderInfo.cost_money-this.orderInfo.order_money),
|
formatPriceNumber(this.orderInfo.cost_money-this.orderInfo.order_money),
|
||||||
18,
|
18,
|
||||||
2
|
2
|
||||||
)}rpx;color: #E8101E;line-height: 25rpx;text-align: left;font-style: normal;`" />
|
)}rpx;color: #FF4767;line-height: 25rpx;text-align: left;font-style: normal;`" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view css="margin-top:44rpx;">
|
<l-painter-view css="margin-top:44rpx;">
|
||||||
<l-painter-text text="¥"
|
<l-painter-text text="¥"
|
||||||
css="font-weight: 500;font-size: 26rpx;color: #E8101E;line-height: 48rpx;text-align: left;font-style: normal;" />
|
css="font-weight: 500;font-size: 26rpx;color: #FF4767;line-height: 48rpx;text-align: left;font-style: normal;" />
|
||||||
<l-painter-text :text=" formatPriceNumber(this.orderInfo.order_money)" :css="`font-weight: 500;font-size:${formatPriceSize(
|
<l-painter-text :text=" formatPriceNumber(this.orderInfo.order_money)" :css="`font-weight: 500;font-size:${formatPriceSize(
|
||||||
formatPriceNumber(this.orderInfo.order_money),
|
formatPriceNumber(this.orderInfo.order_money),
|
||||||
56,
|
56,
|
||||||
3
|
3
|
||||||
)}rpx;color: #E8101E;line-height: 34rpx;text-align: left;font-style: normal;`" />
|
)}rpx;color: #FF4767;line-height: 34rpx;text-align: left;font-style: normal;`" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view css="margin-top:0rpx;">
|
<l-painter-view css="margin-top:0rpx;">
|
||||||
<l-painter-text :text="`原价¥${formatPriceNumber(this.orderInfo.cost_money)}`" :css="`text-decoration: line-through;font-weight: 400;font-size:${formatPriceSize(
|
<l-painter-text :text="`原价¥${formatPriceNumber(this.orderInfo.cost_money)}`" :css="`text-decoration: line-through;font-weight: 400;font-size:${formatPriceSize(
|
||||||
|
|
@ -1005,7 +1005,7 @@
|
||||||
.phone-btn {
|
.phone-btn {
|
||||||
width: 64rpx;
|
width: 64rpx;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 32rpx;
|
border-radius: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1249,7 +1249,7 @@
|
||||||
.service-price2 {
|
.service-price2 {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -1282,7 +1282,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -1352,7 +1352,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-bg {
|
.btn-bg {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-text {
|
.button-text {
|
||||||
|
|
@ -1444,7 +1444,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -637,7 +637,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-item.active {
|
.tab-item.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -649,7 +649,7 @@
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 3rpx;
|
border-radius: 3rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -678,7 +678,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-item2.active {
|
.tab-item2.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #FEE5E7;
|
background: #FEE5E7;
|
||||||
}
|
}
|
||||||
|
|
@ -709,7 +709,7 @@
|
||||||
|
|
||||||
.order-tag {
|
.order-tag {
|
||||||
padding: 2rpx 6rpx;
|
padding: 2rpx 6rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -735,22 +735,22 @@
|
||||||
.order-status {
|
.order-status {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 39rpx;
|
line-height: 39rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-pending {
|
.status-pending {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-cancelled {
|
.status-cancelled {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-completed {
|
.status-completed {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-content {
|
.order-content {
|
||||||
|
|
@ -867,13 +867,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-btn.primary {
|
.action-btn.primary {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-btn.review {
|
.action-btn.review {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background: linear-gradient(143deg, #F52540 0%, #E8101E 100%);
|
background: linear-gradient(143deg, #F52540 0%, #FF4767 100%);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -961,7 +961,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
<view>
|
<view>
|
||||||
<view class="serve-card-right__content__title">{{item.title}}</view>
|
<view class="serve-card-right__content__title">{{item.title}}</view>
|
||||||
<view class="serve-card-right__content__price"><text
|
<view class="serve-card-right__content__price"><text
|
||||||
style="color: #E8101E;font-weight: 500;">¥{{item.server_price}} </text> {{' '}}|
|
style="color: #FF4767;font-weight: 500;">¥{{item.server_price}} </text> {{' '}}|
|
||||||
{{item.server_time}}分钟
|
{{item.server_time}}分钟
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<text class="service-name">{{ item.server_title }}</text>
|
<text class="service-name">{{ item.server_title }}</text>
|
||||||
<text class="order-time">下单时间：{{ item.pay_time }}</text>
|
<text class="order-time">下单时间：{{ item.pay_time }}</text>
|
||||||
<text class="order-status">
|
<text class="order-status">
|
||||||
订单状态：<text style="color: #E8101E;">{{ getDescriptionByNumber(item.state) }}</text>
|
订单状态：<text style="color: #FF4767;">{{ getDescriptionByNumber(item.state) }}</text>
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="promotion">
|
<view class="promotion">
|
||||||
<custom-navbar title="推广服务" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
<custom-navbar title="推广服务" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)" titleColor="#fff"
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff"
|
||||||
borderBottom="none"></custom-navbar>
|
borderBottom="none"></custom-navbar>
|
||||||
<view class="promotion-search">
|
<view class="promotion-search">
|
||||||
<view class="promotion-add">
|
<view class="promotion-add">
|
||||||
|
|
@ -224,7 +224,7 @@
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.promotion {
|
.promotion {
|
||||||
.promotion-search {
|
.promotion-search {
|
||||||
background: linear-gradient(134deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(134deg, #f52540 0%, #FF4767 100%);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 31rpx 20rpx 60rpx 20rpx;
|
padding: 31rpx 20rpx 60rpx 20rpx;
|
||||||
|
|
||||||
|
|
@ -292,7 +292,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
|
|
@ -325,7 +325,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 30rpx;
|
line-height: 30rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -374,7 +374,7 @@
|
||||||
border: 1rpx solid rgba(232, 16, 30, 0.2);
|
border: 1rpx solid rgba(232, 16, 30, 0.2);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -398,7 +398,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 46rpx;
|
line-height: 46rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -468,12 +468,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.closeModal {
|
.closeModal {
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sureModal {
|
.sureModal {
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<view class="select-serve">
|
<view class="select-serve">
|
||||||
<custom-navbar title="选择服务" backgroundColor="#FFFFFF"></custom-navbar>
|
<custom-navbar title="选择服务" backgroundColor="#FFFFFF"></custom-navbar>
|
||||||
<view class="select-tip">
|
<view class="select-tip">
|
||||||
<text style="color: #E8101E;">温馨提示：</text>您可自主勾选需推广的服务，灵活设置「比例」形式的推广佣金；
|
<text style="color: #FF4767;">温馨提示：</text>您可自主勾选需推广的服务，灵活设置「比例」形式的推广佣金；
|
||||||
配置完成后，服务将自动进入推广平台曝光，触达更多潜在客户；后续通过推广渠道（如达人链接、分享码）成功成交的订单，
|
配置完成后，服务将自动进入推广平台曝光，触达更多潜在客户；后续通过推广渠道（如达人链接、分享码）成功成交的订单，
|
||||||
系统会从该笔订单中，自动扣除您预设的佣金，全程无需手动操作。
|
系统会从该笔订单中，自动扣除您预设的佣金，全程无需手动操作。
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -85,7 +85,7 @@
|
||||||
&__btn {
|
&__btn {
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 798rpx;
|
border-radius: 798rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<view class="select-serve">
|
<view class="select-serve">
|
||||||
<custom-navbar title="设置佣金" backgroundColor="#FFFFFF"></custom-navbar>
|
<custom-navbar title="设置佣金" backgroundColor="#FFFFFF"></custom-navbar>
|
||||||
<view class="select-tip">
|
<view class="select-tip">
|
||||||
<text style="color: #E8101E;">温馨提示：</text>支持 按1%~30%区间设置佣金比例，订单成功成交后，系统将按实付金额 × 佣金比例自动扣减。
|
<text style="color: #FF4767;">温馨提示：</text>支持 按1%~30%区间设置佣金比例，订单成功成交后，系统将按实付金额 × 佣金比例自动扣减。
|
||||||
</view>
|
</view>
|
||||||
<view v-for="(item,index) in selectedItems" :key="index" class="serve-card">
|
<view v-for="(item,index) in selectedItems" :key="index" class="serve-card">
|
||||||
<image :src="item.photo[0]" mode="aspectFill" class="serve-card__img"></image>
|
<image :src="item.photo[0]" mode="aspectFill" class="serve-card__img"></image>
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
|
|
||||||
<uv-modal ref="modal" title="提示" width="620rpx">
|
<uv-modal ref="modal" title="提示" width="620rpx">
|
||||||
<view class="slot-content">
|
<view class="slot-content">
|
||||||
预估佣金按<text style="color: #E8101E;">「订单实付金额 × 佣金比例」</text>计算。因服务实付金额受活动参与程度影响存在波动，最终佣金以订单实际结算结果为准。
|
预估佣金按<text style="color: #FF4767;">「订单实付金额 × 佣金比例」</text>计算。因服务实付金额受活动参与程度影响存在波动，最终佣金以订单实际结算结果为准。
|
||||||
</view>
|
</view>
|
||||||
<template v-slot:confirmButton>
|
<template v-slot:confirmButton>
|
||||||
<view type="default" @click="closeModal" class="closeModal">确定</view>
|
<view type="default" @click="closeModal" class="closeModal">确定</view>
|
||||||
|
|
@ -271,7 +271,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 34rpx;
|
line-height: 34rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -328,7 +328,7 @@
|
||||||
&__btn {
|
&__btn {
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 798rpx;
|
border-radius: 798rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -347,7 +347,7 @@
|
||||||
.closeModal {
|
.closeModal {
|
||||||
width: 556rpx;
|
width: 556rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
|
||||||
|
|
@ -1386,7 +1386,7 @@
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
border-radius: 3rpx;
|
border-radius: 3rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1585,7 +1585,7 @@
|
||||||
|
|
||||||
.promise-title {
|
.promise-title {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -1603,7 +1603,7 @@
|
||||||
width: 12rpx;
|
width: 12rpx;
|
||||||
height: 12rpx;
|
height: 12rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1711,8 +1711,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox.checked {
|
.checkbox.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -1745,7 +1745,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(90deg, #E8101E 0%, #FF618F 100%);
|
background: linear-gradient(90deg, #FF4767 0%, #FF618F 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1783,7 +1783,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.region-tab.active {
|
.region-tab.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1795,7 +1795,7 @@
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 4rpx;
|
height: 4rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1858,7 +1858,7 @@
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1900,7 +1900,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-block.active .time-value {
|
.time-block.active .time-value {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-separator {
|
.time-separator {
|
||||||
|
|
|
||||||
|
|
@ -167,7 +167,7 @@
|
||||||
<view class="checkbox-item" v-for="(item, index) in serviceList" :key="index"
|
<view class="checkbox-item" v-for="(item, index) in serviceList" :key="index"
|
||||||
@click="toggleServiceSelect(index)">
|
@click="toggleServiceSelect(index)">
|
||||||
<view class="checkbox" :class="{ checked: item.checked }">
|
<view class="checkbox" :class="{ checked: item.checked }">
|
||||||
<image v-if="item.checked" class="check-icon" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/66325904-4603-48fd-b03b-90c684af96e9" mode="aspectFit"></image>
|
<image v-if="item.checked" class="check-icon" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6948baf3-aad9-4d87-9483-9db0e462a3f7.png" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="checkbox-label">{{item.title}}</text>
|
<text class="checkbox-label">{{item.title}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1524,7 +1524,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 7rpx;
|
margin-right: 7rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1708,7 +1708,7 @@ export default {
|
||||||
|
|
||||||
.invite-error {
|
.invite-error {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inviter-info {
|
.inviter-info {
|
||||||
|
|
@ -1744,7 +1744,7 @@ export default {
|
||||||
|
|
||||||
.shake-animation {
|
.shake-animation {
|
||||||
animation: shake 0.5s ease-in-out;
|
animation: shake 0.5s ease-in-out;
|
||||||
color: #E8101E; /* 保持红色 */
|
color: #FF4767; /* 保持红色 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 弹窗样式 */
|
/* 弹窗样式 */
|
||||||
|
|
@ -1834,8 +1834,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox.checked {
|
.checkbox.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -1868,7 +1868,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1906,7 +1906,7 @@ export default {
|
||||||
|
|
||||||
.confirm-text {
|
.confirm-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1946,7 +1946,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-block.active .time-value {
|
.time-block.active .time-value {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-separator {
|
.time-separator {
|
||||||
|
|
@ -2060,13 +2060,13 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.cancel {
|
.tip-btn.cancel {
|
||||||
border: #E8101E 2rpx solid;
|
border: #FF4767 2rpx solid;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.confirm {
|
.tip-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
<view class="radio-item" @click="setContactType('1')">
|
<view class="radio-item" @click="setContactType('1')">
|
||||||
<view class="radio" :class="{ checked: formData.contact_type === '1' }">
|
<view class="radio" :class="{ checked: formData.contact_type === '1' }">
|
||||||
<image v-if="formData.contact_type === '1'"
|
<image v-if="formData.contact_type === '1'"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image" mode="aspectFit"></image>
|
class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">法人</text>
|
<text class="radio-label">法人</text>
|
||||||
|
|
@ -60,7 +60,7 @@
|
||||||
<view class="radio-item" @click="setContactType('2')">
|
<view class="radio-item" @click="setContactType('2')">
|
||||||
<view class="radio" :class="{ checked: formData.contact_type === '2' }">
|
<view class="radio" :class="{ checked: formData.contact_type === '2' }">
|
||||||
<image v-if="formData.contact_type === '2'"
|
<image v-if="formData.contact_type === '2'"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image" mode="aspectFit"></image>
|
class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">其他</text>
|
<text class="radio-label">其他</text>
|
||||||
|
|
@ -1023,7 +1023,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 6rpx;
|
width: 6rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
margin-right: 7rpx;
|
margin-right: 7rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1169,8 +1169,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio.checked {
|
.radio.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon-image {
|
.radio-icon-image {
|
||||||
|
|
@ -1266,7 +1266,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.cancel {
|
.popup-btn.cancel {
|
||||||
|
|
@ -1274,7 +1274,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1396,13 +1396,13 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.cancel {
|
.tip-btn.cancel {
|
||||||
border: #E8101E 2rpx solid;
|
border: #FF4767 2rpx solid;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-btn.confirm {
|
.tip-btn.confirm {
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1429,7 +1429,7 @@ export default {
|
||||||
|
|
||||||
.invite-error {
|
.invite-error {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inviter-info {
|
.inviter-info {
|
||||||
|
|
|
||||||
|
|
@ -724,7 +724,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||||
border-radius: 49rpx;
|
border-radius: 49rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -746,7 +746,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.prev-text {
|
.prev-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -124,7 +124,7 @@
|
||||||
<view class="radio-item" @click="setIdcardExpiryType('1')">
|
<view class="radio-item" @click="setIdcardExpiryType('1')">
|
||||||
<view class="radio" :class="{ checked: formData.legal_idcard_expiry_type === '1' }">
|
<view class="radio" :class="{ checked: formData.legal_idcard_expiry_type === '1' }">
|
||||||
<image v-if="formData.legal_idcard_expiry_type === '1'"
|
<image v-if="formData.legal_idcard_expiry_type === '1'"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image" mode="aspectFit"></image>
|
class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">永久有效</text>
|
<text class="radio-label">永久有效</text>
|
||||||
|
|
@ -132,7 +132,7 @@
|
||||||
<view class="radio-item" @click="setIdcardExpiryType('2')">
|
<view class="radio-item" @click="setIdcardExpiryType('2')">
|
||||||
<view class="radio" :class="{ checked: formData.legal_idcard_expiry_type === '2' }">
|
<view class="radio" :class="{ checked: formData.legal_idcard_expiry_type === '2' }">
|
||||||
<image v-if="formData.legal_idcard_expiry_type === '2'"
|
<image v-if="formData.legal_idcard_expiry_type === '2'"
|
||||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/cb185ec8-9d30-4e53-b5dc-14b546013a60"
|
src="/static/images/agree_y.png"
|
||||||
class="radio-icon-image" mode="aspectFit"></image>
|
class="radio-icon-image" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="radio-label">指定日期有效</text>
|
<text class="radio-label">指定日期有效</text>
|
||||||
|
|
@ -986,7 +986,7 @@ export default {
|
||||||
.title-bar {
|
.title-bar {
|
||||||
width: 8rpx;
|
width: 8rpx;
|
||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
margin-right: 12rpx;
|
margin-right: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1105,7 +1105,7 @@ export default {
|
||||||
|
|
||||||
.label.required::before {
|
.label.required::before {
|
||||||
content: '*';
|
content: '*';
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-right: 4rpx;
|
margin-right: 4rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1130,7 +1130,7 @@ export default {
|
||||||
|
|
||||||
.placeholder1.required::before {
|
.placeholder1.required::before {
|
||||||
content: '*';
|
content: '*';
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-right: 4rpx;
|
margin-right: 4rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1176,8 +1176,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio.checked {
|
.radio.checked {
|
||||||
background-color: #E8101E;
|
background-color: #FF4767;
|
||||||
border-color: #E8101E;
|
border-color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-icon-image {
|
.radio-icon-image {
|
||||||
|
|
@ -1222,7 +1222,7 @@ export default {
|
||||||
|
|
||||||
.upload-hint {
|
.upload-hint {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
/* color: #E8101E; */
|
/* color: #FF4767; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1276,7 +1276,7 @@ export default {
|
||||||
right: -10rpx;
|
right: -10rpx;
|
||||||
width: 36rpx;
|
width: 36rpx;
|
||||||
height: 36rpx;
|
height: 36rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -1397,7 +1397,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn.confirm {
|
.popup-btn.confirm {
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-btn .btn-text {
|
.popup-btn .btn-text {
|
||||||
|
|
@ -1424,6 +1424,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.picker-item-row text.active {
|
.picker-item-row text.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -73,7 +73,7 @@
|
||||||
}
|
}
|
||||||
.btn-wallet {
|
.btn-wallet {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
}
|
}
|
||||||
.btn-contact {
|
.btn-contact {
|
||||||
|
|
|
||||||
|
|
@ -247,7 +247,7 @@ export default {
|
||||||
.btn-back {
|
.btn-back {
|
||||||
width: 630rpx;
|
width: 630rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -267,11 +267,11 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
margin-top: 32rpx;
|
margin-top: 32rpx;
|
||||||
}
|
}
|
||||||
.fail-back-btn .btn-text {
|
.fail-back-btn .btn-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submitres-page /deep/ .back-btn {
|
.submitres-page /deep/ .back-btn {
|
||||||
|
|
|
||||||
|
|
@ -116,6 +116,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -279,10 +279,10 @@
|
||||||
|
|
||||||
getIconColor(index) {
|
getIconColor(index) {
|
||||||
if (this.activeIndex === index) {
|
if (this.activeIndex === index) {
|
||||||
return '#E8101E';
|
return '#FF4767';
|
||||||
}
|
}
|
||||||
if (this.hasValue(this.filterTabs[index].key)) {
|
if (this.hasValue(this.filterTabs[index].key)) {
|
||||||
return '#E8101E';
|
return '#FF4767';
|
||||||
}
|
}
|
||||||
return '#666';
|
return '#666';
|
||||||
},
|
},
|
||||||
|
|
@ -527,7 +527,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -567,7 +567,7 @@
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
background: #FFECF0;
|
background: #FFECF0;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -620,7 +620,7 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.custom-price-container.active & {
|
.custom-price-container.active & {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -192,7 +192,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: linear-gradient(306deg, #e8101e 0%, #fc563b 100%);
|
background: linear-gradient(306deg, #FF4767 0%, #fc563b 100%);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@ export default {
|
||||||
},
|
},
|
||||||
bgClor: {
|
bgClor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "linear-gradient(134deg, #f52540 0%, #e8101e 100%)",
|
default: "linear-gradient(134deg, #f52540 0%, #FF4767 100%)",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -126,7 +126,7 @@ export default {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: linear-gradient(134deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(134deg, #f52540 0%, #FF4767 100%);
|
||||||
transform: translateY(0rpx);
|
transform: translateY(0rpx);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -197,7 +197,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: linear-gradient(306deg, #e8101e 0%, #fc563b 100%);
|
background: linear-gradient(306deg, #FF4767 0%, #fc563b 100%);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
|
|
||||||
|
|
@ -309,7 +309,7 @@
|
||||||
padding: 0 8rpx;
|
padding: 0 8rpx;
|
||||||
height: 38rpx;
|
height: 38rpx;
|
||||||
line-height: 38rpx;
|
line-height: 38rpx;
|
||||||
background: linear-gradient(124deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(124deg, #f52540 0%, #FF4767 100%);
|
||||||
border-radius: 12rpx 2rpx 12rpx 2rpx;
|
border-radius: 12rpx 2rpx 12rpx 2rpx;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
@ -405,7 +405,7 @@
|
||||||
.price {
|
.price {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -454,7 +454,7 @@
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
padding: 0rpx 20rpx;
|
padding: 0rpx 20rpx;
|
||||||
background: linear-gradient(107deg, #f84c63 0%, #e8101e 100%);
|
background: linear-gradient(107deg, #f84c63 0%, #FF4767 100%);
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
|
||||||
|
|
@ -131,7 +131,7 @@
|
||||||
|
|
||||||
&__tip {
|
&__tip {
|
||||||
padding: 0 8rpx;
|
padding: 0 8rpx;
|
||||||
background: linear-gradient(160deg, #fc5e72 0%, #e8101e 100%);
|
background: linear-gradient(160deg, #fc5e72 0%, #FF4767 100%);
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
|
|
@ -147,7 +147,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
line-height: 33rpx;
|
line-height: 33rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -229,7 +229,7 @@ export default {
|
||||||
background: #fdf3f5;
|
background: #fdf3f5;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
padding: 2rpx 12rpx;
|
padding: 2rpx 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -246,7 +246,7 @@ export default {
|
||||||
padding: 0rpx 30rpx;
|
padding: 0rpx 30rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
background: linear-gradient(107deg, #f84c63 0%, #e8101e 100%);
|
background: linear-gradient(107deg, #f84c63 0%, #FF4767 100%);
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<view class="search-page">
|
<view class="search-page">
|
||||||
<!-- 自定义导航栏 -->
|
<!-- 自定义导航栏 -->
|
||||||
<custom-navbar title="搜索" :leftImg="'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/e8f7c37f-b446-41da-b578-59098a56bc4d.png'" :showUser="true"
|
<custom-navbar title="搜索" :leftImg="'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/e8f7c37f-b446-41da-b578-59098a56bc4d.png'" :showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)" titleColor="#fff"
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff"
|
||||||
borderBottom="none"></custom-navbar>
|
borderBottom="none"></custom-navbar>
|
||||||
|
|
||||||
<!-- 顶部搜索和标签区域 -->
|
<!-- 顶部搜索和标签区域 -->
|
||||||
|
|
@ -859,7 +859,7 @@
|
||||||
.tabItem_active {
|
.tabItem_active {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -875,7 +875,7 @@
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 6rpx;
|
height: 6rpx;
|
||||||
background: linear-gradient(306deg, #e8101e 0%, #fc563b 100%);
|
background: linear-gradient(306deg, #FF4767 0%, #fc563b 100%);
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -902,7 +902,7 @@
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
border: 4rpx solid #f3f3f3;
|
border: 4rpx solid #f3f3f3;
|
||||||
border-top: 4rpx solid #E8101E;
|
border-top: 4rpx solid #FF4767;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 1s linear infinite;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
|
|
|
||||||
|
|
@ -337,7 +337,7 @@
|
||||||
.agreement-btn {
|
.agreement-btn {
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 798rpx;
|
border-radius: 798rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
|
||||||
|
|
@ -180,7 +180,7 @@
|
||||||
.agreement-btn {
|
.agreement-btn {
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
height: 78rpx;
|
height: 78rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 798rpx;
|
border-radius: 798rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
|
||||||
|
|
@ -372,7 +372,7 @@
|
||||||
padding-right: 20rpx;
|
padding-right: 20rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -68,7 +68,7 @@ export default {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 49rpx;
|
height: 49rpx;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background: linear-gradient( 124deg, #F52540 0%, #E8101E 100%);
|
background: linear-gradient( 124deg, #F52540 0%, #FF4767 100%);
|
||||||
border-radius: 20rpx 2rpx 20rpx 2rpx;
|
border-radius: 20rpx 2rpx 20rpx 2rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
|
@ -109,7 +109,7 @@ export default {
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -89,7 +89,7 @@
|
||||||
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
||||||
<text class="method-name">{{ item.name }}</text>
|
<text class="method-name">{{ item.name }}</text>
|
||||||
</view>
|
</view>
|
||||||
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/icons/yes_icon.png`"
|
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/agree_y.png`"
|
||||||
:radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
:radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -770,7 +770,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 52rpx;
|
font-size: 52rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
line-height: 67rpx;
|
line-height: 67rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -780,7 +780,7 @@
|
||||||
.pop-submit-btn {
|
.pop-submit-btn {
|
||||||
width: 226rpx;
|
width: 226rpx;
|
||||||
height: 82rpx;
|
height: 82rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 41rpx;
|
border-radius: 41rpx;
|
||||||
|
|
||||||
.pop-submit-btn-text {
|
.pop-submit-btn-text {
|
||||||
|
|
|
||||||
|
|
@ -1091,7 +1091,7 @@
|
||||||
margin: 27rpx;
|
margin: 27rpx;
|
||||||
width: 130rpx;
|
width: 130rpx;
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
border: 1rpx solid #E8101E;
|
border: 1rpx solid #FF4767;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row nowrap;
|
flex-flow: row nowrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -1101,7 +1101,7 @@
|
||||||
|
|
||||||
.look-text {
|
.look-text {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 评论区域 */
|
/* 评论区域 */
|
||||||
|
|
@ -1170,7 +1170,7 @@
|
||||||
font-size: 16rpx;
|
font-size: 16rpx;
|
||||||
padding: 0 8rpx;
|
padding: 0 8rpx;
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
background-color: rgba(255, 148, 180, 0.50);
|
background-color: rgba(255, 148, 180, 0.50);
|
||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -1289,7 +1289,7 @@
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
width: 670rpx;
|
width: 670rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
background: #E8101E;
|
background: #FF4767;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
|
|
@ -1303,7 +1303,7 @@
|
||||||
|
|
||||||
.disabled-btn {
|
.disabled-btn {
|
||||||
opacity: 0.5 !important;
|
opacity: 0.5 !important;
|
||||||
background-color: #E8101E; /* 保持原有颜色，只是降低透明度 */
|
background-color: #FF4767; /* 保持原有颜色，只是降低透明度 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.cannot-submit {
|
.cannot-submit {
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
title="平台自营服务列表"
|
title="平台自营服务列表"
|
||||||
:leftImg="'/static/images/whiteBack.png'"
|
:leftImg="'/static/images/whiteBack.png'"
|
||||||
:showUser="true"
|
:showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)"
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)"
|
||||||
headleSrc="/static/images/recruit/guide.png"
|
headleSrc="/static/images/recruit/guide.png"
|
||||||
:showHeadle="true"
|
:showHeadle="true"
|
||||||
titleColor="#fff"
|
titleColor="#fff"
|
||||||
|
|
@ -218,7 +218,7 @@ export default {
|
||||||
/* 预先设置透明边框，防止切换时布局跳动 */
|
/* 预先设置透明边框，防止切换时布局跳动 */
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
@ -232,7 +232,7 @@ export default {
|
||||||
/* 激活时显示红色边框 */
|
/* 激活时显示红色边框 */
|
||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 6rpx;
|
height: 6rpx;
|
||||||
background: linear-gradient(306deg, #e8101e 0%, #fc563b 100%);
|
background: linear-gradient(306deg, #FF4767 0%, #fc563b 100%);
|
||||||
border-radius: 3rpx;
|
border-radius: 3rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -279,10 +279,10 @@ export default {
|
||||||
width: 246rpx;
|
width: 246rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
border: 2rpx solid #e8101e;
|
border: 2rpx solid #FF4767;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -292,7 +292,7 @@ export default {
|
||||||
.pop-content-sure {
|
.pop-content-sure {
|
||||||
width: 246rpx;
|
width: 246rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
@ -347,7 +347,7 @@ export default {
|
||||||
.list-item-left-price-text {
|
.list-item-left-price-text {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
line-height: 48rpx;
|
line-height: 48rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="selectSyr">
|
<view class="selectSyr">
|
||||||
<custom-navbar title="选择手艺人" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
<custom-navbar title="选择手艺人" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)" titleColor="#fff"
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff"
|
||||||
borderBottom="none"></custom-navbar>
|
borderBottom="none"></custom-navbar>
|
||||||
<searchBox placeholder="搜索手艺人名称" v-model="queryData.name" @confirm="searchConfrim" @search="searchConfrim">
|
<searchBox placeholder="搜索手艺人名称" v-model="queryData.name" @confirm="searchConfrim" @search="searchConfrim">
|
||||||
</searchBox>
|
</searchBox>
|
||||||
|
|
@ -575,7 +575,7 @@
|
||||||
margin: 0 21rpx;
|
margin: 0 21rpx;
|
||||||
width: 648rpx;
|
width: 648rpx;
|
||||||
height: 94rpx;
|
height: 94rpx;
|
||||||
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(180deg, #f52540 0%, #FF4767 100%);
|
||||||
border-radius: 48rpx;
|
border-radius: 48rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
@ -794,7 +794,7 @@
|
||||||
|
|
||||||
/* 选中状态样式 */
|
/* 选中状态样式 */
|
||||||
.sj-pop-item.active {
|
.sj-pop-item.active {
|
||||||
color: #E8101E ;
|
color: #FF4767 ;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,7 @@
|
||||||
|
|
||||||
<view class="serveList-tabs">
|
<view class="serveList-tabs">
|
||||||
<serviecFirstTab :tabs="tabs" bgColor="transparent" :activeId="queryData.first_class"
|
<serviecFirstTab :tabs="tabs" bgColor="transparent" :activeId="queryData.first_class"
|
||||||
activeColor="#E8101E" @tab-click="tabClick">
|
activeColor="#FF4767" @tab-click="tabClick">
|
||||||
</serviecFirstTab>
|
</serviecFirstTab>
|
||||||
<view class="icon-tabs">
|
<view class="icon-tabs">
|
||||||
<view v-for="(item, idx) in iconTabs" :key="item.id" class="icon-tab flex-row-center-center"
|
<view v-for="(item, idx) in iconTabs" :key="item.id" class="icon-tab flex-row-center-center"
|
||||||
|
|
@ -321,7 +321,7 @@
|
||||||
|
|
||||||
.icon-text {
|
.icon-text {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
title="预约到家"
|
title="预约到家"
|
||||||
:leftImg="'/static/images/whiteBack.png'"
|
:leftImg="'/static/images/whiteBack.png'"
|
||||||
:showUser="true"
|
:showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)"
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)"
|
||||||
titleColor="#fff"
|
titleColor="#fff"
|
||||||
borderBottom="none"
|
borderBottom="none"
|
||||||
></custom-navbar>
|
></custom-navbar>
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<serviecFirstTab
|
<serviecFirstTab
|
||||||
:tabs="tabs"
|
:tabs="tabs"
|
||||||
:activeId="activeId"
|
:activeId="activeId"
|
||||||
activeColor="#E8101E"
|
activeColor="#FF4767"
|
||||||
@tab-click="tabClick"
|
@tab-click="tabClick"
|
||||||
bgColor="#fff"
|
bgColor="#fff"
|
||||||
></serviecFirstTab>
|
></serviecFirstTab>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<custom-navbar title="分类" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
<custom-navbar title="分类" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
||||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #E8101E 100%)" titleColor="#fff"></custom-navbar>
|
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff"></custom-navbar>
|
||||||
<serviecFirstTab :tabs="tabs" :activeId="activeId" activeColor="#E8101E" @tab-click="tabClick" bgColor="#fff">
|
<serviecFirstTab :tabs="tabs" :activeId="activeId" activeColor="#FF4767" @tab-click="tabClick" bgColor="#fff">
|
||||||
</serviecFirstTab>
|
</serviecFirstTab>
|
||||||
|
|
||||||
<!-- <FilterPanel @filterConfirm="handleFilter"></FilterPanel> -->
|
<!-- <FilterPanel @filterConfirm="handleFilter"></FilterPanel> -->
|
||||||
|
|
@ -253,11 +253,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-tab.active .icon-text {
|
.icon-tab.active .icon-text {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-tab.active .icon-img {
|
.icon-tab.active .icon-img {
|
||||||
border: 2rpx solid #E8101E;
|
border: 2rpx solid #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .list-scroll{
|
::v-deep .list-scroll{
|
||||||
|
|
|
||||||
|
|
@ -279,10 +279,10 @@
|
||||||
|
|
||||||
getIconColor(index) {
|
getIconColor(index) {
|
||||||
if (this.activeIndex === index) {
|
if (this.activeIndex === index) {
|
||||||
return '#E8101E';
|
return '#FF4767';
|
||||||
}
|
}
|
||||||
if (this.hasValue(this.filterTabs[index].key)) {
|
if (this.hasValue(this.filterTabs[index].key)) {
|
||||||
return '#E8101E';
|
return '#FF4767';
|
||||||
}
|
}
|
||||||
return '#666';
|
return '#666';
|
||||||
},
|
},
|
||||||
|
|
@ -527,7 +527,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-icon {
|
.check-icon {
|
||||||
|
|
@ -567,7 +567,7 @@
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
background: #FFECF0;
|
background: #FFECF0;
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -620,7 +620,7 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.custom-price-container.active & {
|
.custom-price-container.active & {
|
||||||
color: #E8101E;
|
color: #FF4767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -267,7 +267,7 @@
|
||||||
&.active {
|
&.active {
|
||||||
background-color: #ffecf0;
|
background-color: #ffecf0;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
border-color: @primary-color;
|
border-color: @primary-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@ export default {
|
||||||
},
|
},
|
||||||
bgClor: {
|
bgClor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "linear-gradient(134deg, #f52540 0%, #e8101e 100%)",
|
default: "linear-gradient(134deg, #f52540 0%, #FF4767 100%)",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -126,7 +126,7 @@ export default {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: linear-gradient(134deg, #f52540 0%, #e8101e 100%);
|
background: linear-gradient(134deg, #f52540 0%, #FF4767 100%);
|
||||||
transform: translateY(0rpx);
|
transform: translateY(0rpx);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -197,7 +197,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: linear-gradient(306deg, #e8101e 0%, #fc563b 100%);
|
background: linear-gradient(306deg, #FF4767 0%, #fc563b 100%);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
|
|
||||||
|
|
@ -89,7 +89,7 @@
|
||||||
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
<image :src="item.icon" mode="aspectFit" class="method-icon"></image>
|
||||||
<text class="method-name">{{ item.name }}</text>
|
<text class="method-name">{{ item.name }}</text>
|
||||||
</view>
|
</view>
|
||||||
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/icons/yes_icon.png`"
|
<agree-radio :isAgree="item.selected" :yesImg="`/static/images/agree_y.png`"
|
||||||
:radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
:radioSize="`40rpx`" :noImg="`/static/images/icons/no_icon.png`"></agree-radio>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -793,7 +793,7 @@
|
||||||
font-family: DINPro, DINPro;
|
font-family: DINPro, DINPro;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 52rpx;
|
font-size: 52rpx;
|
||||||
color: #e8101e;
|
color: #FF4767;
|
||||||
line-height: 67rpx;
|
line-height: 67rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -803,7 +803,7 @@
|
||||||
.pop-submit-btn {
|
.pop-submit-btn {
|
||||||
width: 226rpx;
|
width: 226rpx;
|
||||||
height: 82rpx;
|
height: 82rpx;
|
||||||
background: #e8101e;
|
background: #FF4767;
|
||||||
border-radius: 41rpx;
|
border-radius: 41rpx;
|
||||||
|
|
||||||
.pop-submit-btn-text {
|
.pop-submit-btn-text {
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue