更新vue2的sass报错
This commit is contained in:
parent
dc5fba137c
commit
4146097331
4
App.vue
4
App.vue
@ -15,7 +15,7 @@ export default {
|
|||||||
});
|
});
|
||||||
// 获取配置
|
// 获取配置
|
||||||
this.getConfigFun();
|
this.getConfigFun();
|
||||||
|
//获取用户
|
||||||
this.getUser();
|
this.getUser();
|
||||||
// 获取分享
|
// 获取分享
|
||||||
this.getShareInfo();
|
this.getShareInfo();
|
||||||
@ -27,7 +27,7 @@ export default {
|
|||||||
this.bindCode(options);
|
this.bindCode(options);
|
||||||
},
|
},
|
||||||
onHide: function () {
|
onHide: function () {
|
||||||
console.log("App Hide");
|
// console.log("App Hide");
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapMutations(["SETCONFIG"]),
|
...mapMutations(["SETCONFIG"]),
|
||||||
|
|||||||
@ -189,7 +189,7 @@ export default {
|
|||||||
padding: 30rpx 45rpx;
|
padding: 30rpx 45rpx;
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
@ -215,7 +215,7 @@ export default {
|
|||||||
padding: 26rpx 0;
|
padding: 26rpx 0;
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -535,7 +535,7 @@
|
|||||||
.bargain-panel {
|
.bargain-panel {
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
padding: 24rpx 24rpx 20rpx;
|
padding: 24rpx 24rpx 20rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
.bargain-panel-header {
|
.bargain-panel-header {
|
||||||
@ -558,7 +558,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.invite-btn1 {
|
.invite-btn1 {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
margin-top: 36rpx;
|
margin-top: 36rpx;
|
||||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||||
@ -580,7 +580,7 @@
|
|||||||
.invite-friend-btn {
|
.invite-friend-btn {
|
||||||
width: 316rpx;
|
width: 316rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bargain-code-content {
|
.bargain-code-content {
|
||||||
@ -603,13 +603,13 @@
|
|||||||
.btn-container {
|
.btn-container {
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
.help-knife-btn {
|
.help-knife-btn {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||||
}
|
}
|
||||||
.knife-btn {
|
.knife-btn {
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
border: 1px solid #BBBBBB;
|
border: 1px solid #BBBBBB;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
@ -617,7 +617,7 @@
|
|||||||
.code-content {
|
.code-content {
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
padding: 27rpx 24rpx;
|
padding: 27rpx 24rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
.user-item {
|
.user-item {
|
||||||
padding: 15rpx 0;
|
padding: 15rpx 0;
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
@ -633,13 +633,13 @@
|
|||||||
}
|
}
|
||||||
.choose-content {
|
.choose-content {
|
||||||
padding: 30rpx 20rpx;
|
padding: 30rpx 20rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.lunch-btn {
|
.lunch-btn {
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -663,7 +663,7 @@
|
|||||||
.spec-active-item {
|
.spec-active-item {
|
||||||
padding: 8rpx 28rpx;
|
padding: 8rpx 28rpx;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pickup-number {
|
.pickup-number {
|
||||||
@ -711,7 +711,7 @@
|
|||||||
}
|
}
|
||||||
.share-pop-container {
|
.share-pop-container {
|
||||||
height: 500rpx;
|
height: 500rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -172,7 +172,7 @@ export default {
|
|||||||
width: 176rpx;
|
width: 176rpx;
|
||||||
height: 58rpx;
|
height: 58rpx;
|
||||||
flex: none;
|
flex: none;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.goods-combination {
|
.goods-combination {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
.header .img {
|
.header .img {
|
||||||
@ -147,7 +147,7 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
width: 475rpx;
|
width: 475rpx;
|
||||||
.group {
|
.group {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
.group-img {
|
.group-img {
|
||||||
padding: 2rpx 6rpx;
|
padding: 2rpx 6rpx;
|
||||||
|
|||||||
@ -142,12 +142,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.copy-btn {
|
.copy-btn {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.save-btn {
|
.save-btn {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -152,7 +152,7 @@
|
|||||||
/* pages/luckly_wheel/luckly_wheel.wxss */
|
/* pages/luckly_wheel/luckly_wheel.wxss */
|
||||||
|
|
||||||
.luckly-wheel-container {
|
.luckly-wheel-container {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 20rpx;
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@ -70,7 +70,7 @@ export default {
|
|||||||
.message-item {
|
.message-item {
|
||||||
padding: 32rpx 0;
|
padding: 32rpx 0;
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.item-info {
|
.item-info {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@ -130,7 +130,7 @@ export default {
|
|||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
.item-header {
|
.item-header {
|
||||||
padding: 19rpx 0;
|
padding: 19rpx 0;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
.header-title {
|
.header-title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -73,7 +73,7 @@
|
|||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -103,7 +103,7 @@ export default {
|
|||||||
.sign-detail-container .sign-item {
|
.sign-detail-container .sign-item {
|
||||||
padding: 18rpx 30rpx;
|
padding: 18rpx 30rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sign-type {
|
.sign-type {
|
||||||
|
|||||||
@ -152,7 +152,7 @@
|
|||||||
.list {
|
.list {
|
||||||
.item {
|
.item {
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 68rpx;
|
width: 68rpx;
|
||||||
|
|||||||
@ -165,9 +165,9 @@ export default {
|
|||||||
.bill-list {
|
.bill-list {
|
||||||
.bill-item {
|
.bill-item {
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
.income {
|
.income {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -259,7 +259,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.item-active {
|
.item-active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
border-radius: 100rpx;
|
border-radius: 100rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@ -272,7 +272,7 @@ export default {
|
|||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.item-active {
|
.item-active {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -304,7 +304,7 @@ export default {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
&:not(:nth-last-of-type(3)) {
|
&:not(:nth-last-of-type(3)) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -248,7 +248,7 @@
|
|||||||
margin-left: 30rpx;
|
margin-left: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
@ -279,7 +279,7 @@
|
|||||||
height: 150rpx;
|
height: 150rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
|
|
||||||
&:not(:nth-of-type(3n)) {
|
&:not(:nth-of-type(3n)) {
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
|
|||||||
@ -629,8 +629,8 @@ export default {
|
|||||||
|
|
||||||
.bd-btn {
|
.bd-btn {
|
||||||
padding: 8rpx 24rpx;
|
padding: 8rpx 24rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -666,7 +666,7 @@ export default {
|
|||||||
padding-bottom: 30rpx;
|
padding-bottom: 30rpx;
|
||||||
width: 580rpx;
|
width: 580rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding: 26rpx 0rpx;
|
padding: 26rpx 0rpx;
|
||||||
@ -678,10 +678,10 @@ export default {
|
|||||||
border-bottom: 1rpx solid #e5e5e5;
|
border-bottom: 1rpx solid #e5e5e5;
|
||||||
|
|
||||||
.send-code-btn {
|
.send-code-btn {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
width: 184rpx;
|
width: 184rpx;
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -548,8 +548,8 @@ export default {
|
|||||||
|
|
||||||
.bd-btn {
|
.bd-btn {
|
||||||
padding: 8rpx 24rpx;
|
padding: 8rpx 24rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -585,7 +585,7 @@ export default {
|
|||||||
padding-bottom: 30rpx;
|
padding-bottom: 30rpx;
|
||||||
width: 580rpx;
|
width: 580rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding: 26rpx 0rpx;
|
padding: 26rpx 0rpx;
|
||||||
@ -597,10 +597,10 @@ export default {
|
|||||||
border-bottom: 1rpx solid #e5e5e5;
|
border-bottom: 1rpx solid #e5e5e5;
|
||||||
|
|
||||||
.send-code-btn {
|
.send-code-btn {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
width: 184rpx;
|
width: 184rpx;
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -216,7 +216,7 @@ export default {
|
|||||||
.user-sgin .main .contain .title .line {
|
.user-sgin .main .contain .title .line {
|
||||||
width: 8rpx;
|
width: 8rpx;
|
||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-sgin .main .day-list {
|
.user-sgin .main .day-list {
|
||||||
@ -275,7 +275,7 @@ export default {
|
|||||||
background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%);
|
background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%);
|
||||||
}
|
}
|
||||||
.user-sgin .main .contain .task {
|
.user-sgin .main .contain .task {
|
||||||
border-top: $-solid-border;
|
border-top: $solid-border;
|
||||||
}
|
}
|
||||||
.user-sgin .main .contain .task .item {
|
.user-sgin .main .contain .task .item {
|
||||||
padding: 23rpx 30rpx;
|
padding: 23rpx 30rpx;
|
||||||
@ -290,10 +290,10 @@ export default {
|
|||||||
}
|
}
|
||||||
.user-sgin .main .contain .task .item .btn {
|
.user-sgin .main .contain .task .item .btn {
|
||||||
width: 154rpx;
|
width: 154rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
.user-sgin .main .contain .task .item .con .num {
|
.user-sgin .main .contain .task .item .con .num {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.score-detail-entry {
|
.score-detail-entry {
|
||||||
@ -326,7 +326,7 @@ export default {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding-top: 90rpx;
|
padding-top: 90rpx;
|
||||||
padding-bottom: 150rpx;
|
padding-bottom: 150rpx;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
|
|||||||
@ -567,7 +567,7 @@ export default {
|
|||||||
.usual-tools-header {
|
.usual-tools-header {
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.usual-content {
|
.usual-content {
|
||||||
padding: 40rpx 0;
|
padding: 40rpx 0;
|
||||||
@ -610,7 +610,7 @@ export default {
|
|||||||
margin-top: 60rpx;
|
margin-top: 60rpx;
|
||||||
.form-item {
|
.form-item {
|
||||||
padding: 24rpx 0 24rpx 30rpx;
|
padding: 24rpx 0 24rpx 30rpx;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
margin: 0 34rpx 30rpx;
|
margin: 0 34rpx 30rpx;
|
||||||
.label {
|
.label {
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
@ -647,7 +647,7 @@ export default {
|
|||||||
padding: 60rpx 0 22rpx;
|
padding: 60rpx 0 22rpx;
|
||||||
/* margin: 0 8px; */
|
/* margin: 0 8px; */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
.apply-result-img {
|
.apply-result-img {
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
@ -707,7 +707,7 @@ van-field textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main .user-result-box .user-result-content .apply-fail-reason {
|
.main .user-result-box .user-result-content .apply-fail-reason {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
}
|
}
|
||||||
@ -719,7 +719,7 @@ van-field textarea {
|
|||||||
padding-bottom: 30rpx;
|
padding-bottom: 30rpx;
|
||||||
width: 580rpx;
|
width: 580rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inviteformContain .title {
|
.inviteformContain .title {
|
||||||
|
|||||||
@ -202,7 +202,7 @@ export default {
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.user-spread-month-bill .header {
|
.user-spread-month-bill .header {
|
||||||
height: 240rpx;
|
height: 240rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
padding-top: 60rpx;
|
padding-top: 60rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -226,7 +226,7 @@ export default {
|
|||||||
|
|
||||||
.user-spread-month-bill .content .order-container .order-item .order-header {
|
.user-spread-month-bill .content .order-container .order-item .order-header {
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-spread-month-bill .content .order-container .order-item .order-header .guide-shop-btn {
|
.user-spread-month-bill .content .order-container .order-item .order-header .guide-shop-btn {
|
||||||
@ -238,7 +238,7 @@ export default {
|
|||||||
|
|
||||||
.user-spread-month-bill .content .order-container .order-item .order-content {
|
.user-spread-month-bill .content .order-container .order-item .order-content {
|
||||||
padding: 20rpx 30rpx 20rpx 20rpx;
|
padding: 20rpx 30rpx 20rpx 20rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-img {
|
.user-spread-month-bill .content .order-container .order-item .order-content .order-goods-img {
|
||||||
|
|||||||
@ -382,7 +382,7 @@
|
|||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -410,7 +410,7 @@
|
|||||||
|
|
||||||
.input-item {
|
.input-item {
|
||||||
padding: 28rpx 0 30rpx;
|
padding: 28rpx 0 30rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-label {
|
.input-label {
|
||||||
|
|||||||
@ -105,7 +105,7 @@ export default {
|
|||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
.error-status {
|
.error-status {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: var(--border);
|
border-bottom: var(--border);
|
||||||
|
|||||||
@ -170,7 +170,7 @@
|
|||||||
.go-back-btn {
|
.go-back-btn {
|
||||||
width: 650rpx;
|
width: 650rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
border: solid 1rpx $-color-primary;
|
border: solid 1rpx $color-primary;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -93,7 +93,7 @@
|
|||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 20rpx;
|
||||||
&.seckill {
|
&.seckill {
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
background-image: url(../../static/images/home_seckill_bg.png);
|
background-image: url(../../static/images/home_seckill_bg.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -396,7 +396,7 @@ export default {
|
|||||||
.btn {
|
.btn {
|
||||||
padding: 9rpx 34rpx;
|
padding: 9rpx 34rpx;
|
||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey-btn {
|
.grey-btn {
|
||||||
|
|||||||
@ -105,7 +105,7 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.bargain-list-container {
|
.bargain-list-container {
|
||||||
.bargain-list {
|
.bargain-list {
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
.header {
|
.header {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
padding: 20rpx 20rpx;
|
padding: 20rpx 20rpx;
|
||||||
@ -126,7 +126,7 @@
|
|||||||
// 继续砍价 按钮
|
// 继续砍价 按钮
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
padding: 0 44rpx;
|
padding: 0 44rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
.purchase-btn {
|
.purchase-btn {
|
||||||
// 直接购买
|
// 直接购买
|
||||||
|
|||||||
@ -242,7 +242,7 @@
|
|||||||
padding: 26rpx 10rpx;
|
padding: 26rpx 10rpx;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -255,7 +255,7 @@
|
|||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
&.active {
|
&.active {
|
||||||
border-color: $-color-primary;
|
border-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.name {
|
.name {
|
||||||
@ -279,7 +279,7 @@
|
|||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -101,7 +101,7 @@
|
|||||||
padding: 26rpx 10rpx;
|
padding: 26rpx 10rpx;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -176,7 +176,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.btn {
|
.btn {
|
||||||
padding: 6rpx 34rpx;
|
padding: 6rpx 34rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -194,7 +194,7 @@ export default {
|
|||||||
.btn {
|
.btn {
|
||||||
width: 178rpx;
|
width: 178rpx;
|
||||||
height: 52rpx;
|
height: 52rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -58,7 +58,7 @@
|
|||||||
z-index: 871;
|
z-index: 871;
|
||||||
top: 0;
|
top: 0;
|
||||||
.primary-btn {
|
.primary-btn {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
height: 54rpx;
|
height: 54rpx;
|
||||||
width: 154rpx;
|
width: 154rpx;
|
||||||
margin-right: 30rpx;
|
margin-right: 30rpx;
|
||||||
|
|||||||
@ -159,7 +159,7 @@
|
|||||||
}
|
}
|
||||||
.group-footer {
|
.group-footer {
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-top: $-solid-border;
|
border-top: $solid-border;
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
.btn {
|
.btn {
|
||||||
width: 244rpx;
|
width: 244rpx;
|
||||||
|
|||||||
@ -167,7 +167,7 @@
|
|||||||
|
|
||||||
.coupon-right {
|
.coupon-right {
|
||||||
background-color: #E5E5E5;
|
background-color: #E5E5E5;
|
||||||
color: $-color-muted;
|
color: $color-muted;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -175,13 +175,13 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
color: $-color-white;
|
color: $color-white;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
.plain {
|
.plain {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -463,14 +463,14 @@ export default {
|
|||||||
|
|
||||||
.order-footer {
|
.order-footer {
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-top: $-solid-border;
|
border-top: $solid-border;
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
|
|
||||||
.plain {
|
.plain {
|
||||||
border: 1px solid #bbbbbb;
|
border: 1px solid #bbbbbb;
|
||||||
|
|
||||||
&.red {
|
&.red {
|
||||||
border-color: $-color-primary;
|
border-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -101,7 +101,7 @@ export default {
|
|||||||
margin-top: 15rpx;
|
margin-top: 15rpx;
|
||||||
}
|
}
|
||||||
.btn-comfirm {
|
.btn-comfirm {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
color: white;
|
color: white;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
|
|||||||
@ -264,7 +264,7 @@
|
|||||||
|
|
||||||
.save-btn {
|
.save-btn {
|
||||||
// @include background_color();
|
// @include background_color();
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -405,7 +405,7 @@ export default {
|
|||||||
padding: 30rpx 20rpx;
|
padding: 30rpx 20rpx;
|
||||||
padding-right: 70rpx;
|
padding-right: 70rpx;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
.vip-price {
|
.vip-price {
|
||||||
margin: 0 24rpx;
|
margin: 0 24rpx;
|
||||||
background-color: #ffe9ba;
|
background-color: #ffe9ba;
|
||||||
@ -453,14 +453,14 @@ export default {
|
|||||||
border: 1px solid #f4f4f4;
|
border: 1px solid #f4f4f4;
|
||||||
|
|
||||||
// &.checked {
|
// &.checked {
|
||||||
// background-color: $-color-primary;
|
// background-color: $color-primary;
|
||||||
// color: #fff;
|
// color: #fff;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
&.checked {
|
&.checked {
|
||||||
background-color: #ffe9eb;
|
background-color: #ffe9eb;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
border-color: $-color-primary;
|
border-color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
|
|||||||
@ -170,7 +170,7 @@
|
|||||||
&.active {
|
&.active {
|
||||||
width: 16rpx;
|
width: 16rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -295,7 +295,7 @@ export default {
|
|||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
&:not(:nth-of-type(3)) {
|
&:not(:nth-of-type(3)) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
|
|||||||
@ -257,7 +257,7 @@ export default {
|
|||||||
.evaluation-item {
|
.evaluation-item {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
|
|||||||
@ -211,7 +211,7 @@ page {
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
width: 670rpx;
|
width: 670rpx;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -774,7 +774,7 @@
|
|||||||
padding: 0 18rpx;
|
padding: 0 18rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -817,7 +817,7 @@
|
|||||||
.evaluation {
|
.evaluation {
|
||||||
.title {
|
.title {
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -895,14 +895,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.right-buy {
|
.right-buy {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-play {
|
.group-play {
|
||||||
.title {
|
.title {
|
||||||
padding: 20rpx 28rpx;
|
padding: 20rpx 28rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.steps {
|
.steps {
|
||||||
@ -935,7 +935,7 @@
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.group-btn {
|
.group-btn {
|
||||||
|
|||||||
@ -585,7 +585,7 @@ export default {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -660,7 +660,7 @@ export default {
|
|||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -780,7 +780,7 @@ export default {
|
|||||||
|
|
||||||
.coupon-right {
|
.coupon-right {
|
||||||
padding-left: 30rpx;
|
padding-left: 30rpx;
|
||||||
border-left: 1rpx dashed $-color-primary;
|
border-left: 1rpx dashed $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -823,7 +823,7 @@ export default {
|
|||||||
|
|
||||||
.price {
|
.price {
|
||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
border-right: 1px dashed $-color-primary;
|
border-right: 1px dashed $color-primary;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -568,7 +568,7 @@ page {
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
}
|
}
|
||||||
.phonebtn {
|
.phonebtn {
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
margin-top: 50rpx;
|
margin-top: 50rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
@ -577,12 +577,12 @@ page {
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
width: 670rpx;
|
width: 670rpx;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sms-btn {
|
.sms-btn {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
width: 176rpx;
|
width: 176rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -605,7 +605,7 @@ page {
|
|||||||
padding: 60rpx 0 70rpx 0;
|
padding: 60rpx 0 70rpx 0;
|
||||||
}
|
}
|
||||||
.agreement {
|
.agreement {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
.inactive {
|
.inactive {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
|||||||
@ -621,7 +621,7 @@ export default {
|
|||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -691,7 +691,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.footer .plain.red {
|
.footer .plain.red {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tips-dialog {
|
.tips-dialog {
|
||||||
@ -783,6 +783,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.receive-info-item:nth-child(n + 2) {
|
.receive-info-item:nth-child(n + 2) {
|
||||||
border-top: $-dashed-border;
|
border-top: $dashed-border;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -146,7 +146,7 @@
|
|||||||
.go-back-btn {
|
.go-back-btn {
|
||||||
width: 650rpx;
|
width: 650rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
border:1px solid $-color-primary;
|
border:1px solid $color-primary;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -262,7 +262,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 20rpx 0;
|
padding: 20rpx 0;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: $-color-muted;
|
color: $color-muted;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -276,7 +276,7 @@
|
|||||||
height: 120rpx;
|
height: 120rpx;
|
||||||
|
|
||||||
&:nth-child(n+2) {
|
&:nth-child(n+2) {
|
||||||
border-top: $-dashed-border;
|
border-top: $dashed-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
@ -287,12 +287,12 @@
|
|||||||
|
|
||||||
&-name {
|
&-name {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: $-color-black;
|
color: $color-black;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-tips {
|
&-tips {
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: $-color-muted;
|
color: $color-muted;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -307,7 +307,7 @@
|
|||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
color: $-color-normal;
|
color: $color-normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-submit {
|
&-submit {
|
||||||
|
|||||||
@ -291,7 +291,7 @@ page {
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
width: 670rpx;
|
width: 670rpx;
|
||||||
border: $-solid-border;
|
border: $solid-border;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
.input-item {
|
.input-item {
|
||||||
@ -312,10 +312,10 @@ page {
|
|||||||
height: 29px;
|
height: 29px;
|
||||||
width: 88px;
|
width: 88px;
|
||||||
flex: none;
|
flex: none;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.seconds {
|
.seconds {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -332,7 +332,7 @@ page {
|
|||||||
padding: 60rpx 0 70rpx 0;
|
padding: 60rpx 0 70rpx 0;
|
||||||
}
|
}
|
||||||
.agreement {
|
.agreement {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
.inactive {
|
.inactive {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
|||||||
@ -335,20 +335,20 @@ export default {
|
|||||||
margin: 20rpx 20rpx 0;
|
margin: 20rpx 20rpx 0;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
// &.invalid {
|
// &.invalid {
|
||||||
// background-color: $-color-body;
|
// background-color: $color-body;
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.select {
|
.select {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart-null {
|
.cart-null {
|
||||||
.btn {
|
.btn {
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
width: 184rpx;
|
width: 184rpx;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|||||||
@ -74,7 +74,7 @@
|
|||||||
.header {
|
.header {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@ -348,7 +348,7 @@ export default {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #ee0a24;
|
background-color: #ee0a24;
|
||||||
border: 2rpx solid #ffffff;
|
border: 2rpx solid #ffffff;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
top: 6rpx;
|
top: 6rpx;
|
||||||
right: 0rpx;
|
right: 0rpx;
|
||||||
@ -398,7 +398,7 @@ export default {
|
|||||||
.title {
|
.title {
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
border-bottom: $-dashed-border;
|
border-bottom: $dashed-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
@ -418,8 +418,8 @@ export default {
|
|||||||
height: 28rpx;
|
height: 28rpx;
|
||||||
border-radius: 28rpx;
|
border-radius: 28rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 1rpx solid $-color-primary;
|
border: 1rpx solid $color-primary;
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 33rpx;
|
left: 33rpx;
|
||||||
top: -10rpx;
|
top: -10rpx;
|
||||||
|
|||||||
@ -276,7 +276,7 @@ export default {
|
|||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
.address {
|
.address {
|
||||||
padding: 20rpx 0;
|
padding: 20rpx 0;
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.operation {
|
.operation {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
|
|||||||
@ -154,7 +154,7 @@ export default {
|
|||||||
.collection-item {
|
.collection-item {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: $-solid-border;
|
border-bottom: $solid-border;
|
||||||
}
|
}
|
||||||
.info {
|
.info {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@ -168,7 +168,7 @@ export default {
|
|||||||
width: 148rpx;
|
width: 148rpx;
|
||||||
height: 52rpx;
|
height: 52rpx;
|
||||||
right: 20rpx;
|
right: 20rpx;
|
||||||
border: 1px solid $-color-primary;
|
border: 1px solid $color-primary;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -4,9 +4,9 @@ page {
|
|||||||
/* 定义一些主题色及基础样式 */
|
/* 定义一些主题色及基础样式 */
|
||||||
font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: $-color-normal;
|
color: $color-normal;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
background-color: $-color-body;
|
background-color: $color-body;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex1{
|
.flex1{
|
||||||
@ -25,41 +25,41 @@ page {
|
|||||||
}
|
}
|
||||||
/* 定义字体颜色 */
|
/* 定义字体颜色 */
|
||||||
.primary {
|
.primary {
|
||||||
color: $-color-primary;
|
color: $color-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-primary {
|
.bg-primary {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
.bg-white {
|
.bg-white {
|
||||||
background-color: $-color-white;
|
background-color: $color-white;
|
||||||
}
|
}
|
||||||
.bg-body {
|
.bg-body {
|
||||||
background-color: $-color-body;
|
background-color: $color-body;
|
||||||
}
|
}
|
||||||
.bg-gray {
|
.bg-gray {
|
||||||
background-color: $-color-border;
|
background-color: $color-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.black {
|
.black {
|
||||||
color: $-color-black;
|
color: $color-black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.white {
|
.white {
|
||||||
color: $-color-white;
|
color: $color-white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.normal {
|
.normal {
|
||||||
color: $-color-normal;
|
color: $color-normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lighter {
|
.lighter {
|
||||||
color: $-color-lighter;
|
color: $color-lighter;
|
||||||
}
|
}
|
||||||
|
|
||||||
.muted {
|
.muted {
|
||||||
color: $-color-muted;
|
color: $color-muted;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 定义字体大小 */
|
/* 定义字体大小 */
|
||||||
@ -278,10 +278,10 @@ page input {
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
button[type=primary] {
|
button[type=primary] {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
.button-hover[type=primary] {
|
.button-hover[type=primary] {
|
||||||
background-color: $-color-primary;
|
background-color: $color-primary;
|
||||||
}
|
}
|
||||||
/* 按钮大小 */
|
/* 按钮大小 */
|
||||||
button[size="xs"]{
|
button[size="xs"]{
|
||||||
@ -366,8 +366,8 @@ radio {
|
|||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
&.uni-radio-input-checked {
|
&.uni-radio-input-checked {
|
||||||
border: 1px solid $-color-primary !important;
|
border: 1px solid $color-primary !important;
|
||||||
background-color: $-color-primary !important;
|
background-color: $color-primary !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -380,8 +380,8 @@ checkbox {
|
|||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
&.uni-checkbox-input-checked {
|
&.uni-checkbox-input-checked {
|
||||||
border: 1px solid $-color-primary !important;
|
border: 1px solid $color-primary !important;
|
||||||
background-color: $-color-primary !important;
|
background-color: $color-primary !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
&::before {
|
&::before {
|
||||||
font-size: 35rpx;
|
font-size: 35rpx;
|
||||||
@ -404,8 +404,8 @@ radio {
|
|||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
&.wx-radio-input-checked {
|
&.wx-radio-input-checked {
|
||||||
border: 1px solid $-color-primary !important;
|
border: 1px solid $color-primary !important;
|
||||||
background-color: $-color-primary !important;
|
background-color: $color-primary !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -418,8 +418,8 @@ checkbox {
|
|||||||
width: 34rpx;
|
width: 34rpx;
|
||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
&.wx-checkbox-input-checked {
|
&.wx-checkbox-input-checked {
|
||||||
border: 1px solid $-color-primary !important;
|
border: 1px solid $color-primary !important;
|
||||||
background-color: $-color-primary !important;
|
background-color: $color-primary !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
&::before {
|
&::before {
|
||||||
font-size: 35rpx;
|
font-size: 35rpx;
|
||||||
|
|||||||
20
uni.scss
20
uni.scss
@ -17,26 +17,26 @@
|
|||||||
|
|
||||||
/* 行为相关颜色 */
|
/* 行为相关颜色 */
|
||||||
//主题色
|
//主题色
|
||||||
$-color-primary: #FF2C3C;
|
$color-primary: #FF2C3C;
|
||||||
//主要边框颜色
|
//主要边框颜色
|
||||||
$-color-border: #E5E5E5;
|
$color-border: #E5E5E5;
|
||||||
//黑色
|
//黑色
|
||||||
$-color-black:#101010;
|
$color-black:#101010;
|
||||||
//白色
|
//白色
|
||||||
$-color-white: #ffffff;
|
$color-white: #ffffff;
|
||||||
//字体主色
|
//字体主色
|
||||||
$-color-normal: #333333;
|
$color-normal: #333333;
|
||||||
//字体浅色
|
//字体浅色
|
||||||
$-color-lighter: #666666;
|
$color-lighter: #666666;
|
||||||
//字体更浅色
|
//字体更浅色
|
||||||
$-color-muted: #999999;
|
$color-muted: #999999;
|
||||||
|
|
||||||
//背景色
|
//背景色
|
||||||
$-color-body: #F6F6F6;
|
$color-body: #F6F6F6;
|
||||||
|
|
||||||
//边框
|
//边框
|
||||||
$-solid-border: 1px solid $-color-border;
|
$solid-border: 1px solid $color-border;
|
||||||
$-dashed-border: 1px dashed $-color-border;
|
$dashed-border: 1px dashed $color-border;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user