调整全局颜色,调整部分pagesJson,调整样式
This commit is contained in:
@@ -118,8 +118,8 @@
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
&.show{
|
||||
color: $text-price;
|
||||
border-bottom: solid 4rpx $text-price;
|
||||
color: $mian-color;
|
||||
border-bottom: solid 4rpx $mian-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -138,8 +138,8 @@
|
||||
margin-right: $margin/2;
|
||||
color: $text-gray;
|
||||
&.show{
|
||||
background-color: rgba($color: $text-price, $alpha: .1);
|
||||
color: $text-price;
|
||||
background-color: rgba($color: $mian-color, $alpha: .1);
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,7 +21,8 @@
|
||||
<view class="content">
|
||||
<view class="nickname nowrap">{{item.name}}<text>{{item.job}}</text></view>
|
||||
<view class="job nowrap">
|
||||
<text v-for="(permissionItem, permissionIndex) in item.permission" :key="permissionIndex">{{permissionItem}}</text>
|
||||
<text v-for="(permissionItem, permissionIndex) in item.permission" :key="permissionIndex" v-if="permissionIndex < 3">{{permissionItem}}</text>
|
||||
<text v-if="item.permission.length > 3">等{{item.permission.length}}项权限</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -55,13 +56,14 @@
|
||||
text : '编辑',
|
||||
type : 'PUT',
|
||||
style : {
|
||||
backgroundColor: '#8b64fd'
|
||||
color: '#8b64fd',
|
||||
backgroundColor: '#eff4f2'
|
||||
}
|
||||
},{
|
||||
text : '删除',
|
||||
type : 'DELETE',
|
||||
style : {
|
||||
backgroundColor: '#e93340'
|
||||
backgroundColor: '#ee4c47'
|
||||
}
|
||||
}]
|
||||
};
|
||||
@@ -158,7 +160,7 @@
|
||||
position: absolute;
|
||||
top: $padding - 10;
|
||||
left: $padding;
|
||||
background: $text-price;
|
||||
background: $mian-color;
|
||||
color: white;
|
||||
height: 88rpx;
|
||||
width: 88rpx;
|
||||
|
||||
@@ -571,7 +571,7 @@
|
||||
.footer-btn{
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: $text-price;
|
||||
background: $mian-color;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
position: absolute;
|
||||
height: 40rpx;
|
||||
width: 5rpx;
|
||||
background: $text-price;
|
||||
background: $mian-color;
|
||||
content: " ";
|
||||
left: 0;
|
||||
top: 20rpx;
|
||||
|
||||
@@ -215,7 +215,6 @@
|
||||
onBackPress({
|
||||
from
|
||||
}) {
|
||||
console.log(from);
|
||||
if (from == 'backbutton') {
|
||||
this.$nextTick(function() {
|
||||
uniShare.hide()
|
||||
|
||||
@@ -415,7 +415,7 @@
|
||||
line-height: 88rpx;
|
||||
height: 88rpx;
|
||||
text-align: center;
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
font-size: $title-size-lg;
|
||||
@@ -446,7 +446,7 @@
|
||||
|
||||
.remove-btn {
|
||||
line-height: 70rpx;
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
text-align: right;
|
||||
font-size: $title-size-m;
|
||||
}
|
||||
|
||||
@@ -219,7 +219,7 @@
|
||||
line-height: 86rpx;
|
||||
height: 88rpx;
|
||||
text-align: center;
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
background: white;
|
||||
width: calc(50% - 15rpx);
|
||||
margin-right: 30rpx;
|
||||
|
||||
@@ -267,7 +267,7 @@
|
||||
.record-top {
|
||||
width: calc(100% - 60rpx);
|
||||
height: 360rpx;
|
||||
background-image: linear-gradient(to left, #076cff, #076cff);
|
||||
background-image: linear-gradient(to right, $mian-color, $mian-color-deep);
|
||||
box-shadow: 0 10rpx 20rpx 0rpx rgba($color: $mian-color, $alpha: 0.4);
|
||||
margin: 0 30rpx;
|
||||
border-radius: 20rpx;
|
||||
@@ -443,7 +443,7 @@
|
||||
.tags {
|
||||
padding: 4rpx 10rpx;
|
||||
border-radius: 20rpx 0 20rpx 0;
|
||||
background-color: #076cff;
|
||||
background-color: $mian-color;
|
||||
font-size: 26rpx;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -500,7 +500,7 @@
|
||||
}
|
||||
|
||||
.shop-name {
|
||||
background-color: #076cff;
|
||||
background-color: $mian-color;
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
|
||||
@@ -162,6 +162,7 @@
|
||||
|
||||
.top-img {
|
||||
margin-top: 100rpx;
|
||||
width: 70vw;
|
||||
}
|
||||
|
||||
.txt {
|
||||
@@ -174,49 +175,43 @@
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
font-size: 42rpx;
|
||||
font-size: $title-size + 5;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.des {
|
||||
font-size: 34rpx;
|
||||
color: rgba($color: #255a7c, $alpha: .4);
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray-m;
|
||||
padding-top: 20rpx;
|
||||
font-weight: bold;
|
||||
|
||||
.dian {
|
||||
color: #039bfe;
|
||||
color: $mian-color;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
margin-top: 140rpx;
|
||||
|
||||
display: flex;
|
||||
width: 90vw;
|
||||
.goods,
|
||||
.coupons {
|
||||
width: 310rpx;
|
||||
width: 50%;
|
||||
margin: 0 $margin/2;
|
||||
height: 90rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
border: solid 1rpx #039bfe;
|
||||
color: #039bfe;
|
||||
border: solid 2rpx $mian-color;
|
||||
color: $mian-color;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.coupons {
|
||||
background-color: #039bfe;
|
||||
background-color: $mian-color;
|
||||
color: #fff;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
@@ -224,9 +219,9 @@
|
||||
|
||||
.history {
|
||||
text-align: center;
|
||||
padding: $padding;
|
||||
padding: ($padding * 2) $padding;
|
||||
width: 100%;
|
||||
color: #cacaca;
|
||||
color: $title-size-m;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -261,7 +261,7 @@
|
||||
}
|
||||
|
||||
.all {
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
width: 160rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -290,7 +290,7 @@
|
||||
}
|
||||
|
||||
.all {
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
width: 160rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -302,7 +302,7 @@
|
||||
width: 200rpx;
|
||||
height: 75rpx;
|
||||
line-height: 75rpx;
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
margin: 0 $margin;
|
||||
border-radius: $radius-m;
|
||||
font-size: 28rpx;
|
||||
@@ -332,10 +332,8 @@
|
||||
.tabs-item {
|
||||
position: relative;
|
||||
padding: 0 $padding;
|
||||
|
||||
&.show {
|
||||
color: $text-price;
|
||||
|
||||
color: $mian-color;
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -343,7 +341,7 @@
|
||||
right: $padding;
|
||||
height: 4rpx;
|
||||
content: " ";
|
||||
background-color: $text-price;
|
||||
background-color: $mian-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -266,13 +266,12 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: $margin * 2;
|
||||
|
||||
.balance-flex-item {
|
||||
background-color: white;
|
||||
width: 300rpx;
|
||||
height: 75rpx;
|
||||
line-height: 75rpx;
|
||||
color: $text-price;
|
||||
color: $mian-color;
|
||||
margin: 0 $margin;
|
||||
border-radius: $radius-m;
|
||||
font-size: 28rpx;
|
||||
@@ -302,10 +301,8 @@
|
||||
.tabs-item {
|
||||
position: relative;
|
||||
padding: 0 $padding;
|
||||
|
||||
&.show {
|
||||
color: $text-price;
|
||||
|
||||
color: $mian-color;
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -313,7 +310,7 @@
|
||||
right: $padding;
|
||||
height: 4rpx;
|
||||
content: " ";
|
||||
background-color: $text-price;
|
||||
background-color: $mian-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user