调整全局颜色,新增转让市场
This commit is contained in:
@@ -96,7 +96,7 @@
|
||||
.copy {
|
||||
display: inline-block;
|
||||
padding: $padding *0.4 $padding;
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
margin-left: 30rpx;
|
||||
color: #fff;
|
||||
font-size: $title-size *0.8;
|
||||
@@ -129,7 +129,7 @@
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
color: $main-color !important;
|
||||
color: $mian-color !important;
|
||||
}
|
||||
|
||||
.dian {
|
||||
@@ -143,12 +143,12 @@
|
||||
}
|
||||
|
||||
.dian-active {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
left: -16rpx;
|
||||
border: solid 10rpx rgba($color: $main-color, $alpha: 0.3);
|
||||
box-shadow: 0 0 20rpx 4rpx rgba($color: $main-color, $alpha: 0.5);
|
||||
border: solid 10rpx rgba($color: $mian-color, $alpha: 0.3);
|
||||
box-shadow: 0 0 20rpx 4rpx rgba($color: $mian-color, $alpha: 0.5);
|
||||
}
|
||||
|
||||
.content {
|
||||
@@ -166,7 +166,7 @@
|
||||
}
|
||||
|
||||
.content-active {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -256,8 +256,8 @@
|
||||
}
|
||||
|
||||
.nav-item-selected {
|
||||
border-bottom: solid 4rpx $main-color;
|
||||
color: $main-color;
|
||||
border-bottom: solid 4rpx $mian-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -288,7 +288,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border: solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -302,7 +302,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -318,7 +318,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
.order-status {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
background-image: linear-gradient(to bottom, $main-color, $main-color-light);
|
||||
background-image: linear-gradient(to bottom, $mian-color, $mian-color-light);
|
||||
color: #Fff;
|
||||
font-size: 36rpx;
|
||||
padding: 30rpx 50rpx;
|
||||
@@ -238,7 +238,7 @@
|
||||
.acceptInfo {
|
||||
margin: 0 30rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $main-color, $alpha: 0.2);
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $mian-color, $alpha: 0.2);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
@@ -413,7 +413,7 @@
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-top: 20rpx;
|
||||
@@ -421,7 +421,7 @@
|
||||
}
|
||||
|
||||
.total-btn {
|
||||
border: solid 1rpx $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
@@ -446,7 +446,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border: solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -460,7 +460,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -476,7 +476,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -495,7 +495,7 @@
|
||||
width: 100%;
|
||||
|
||||
.copy {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
font-size: $title-size*0.8;
|
||||
font-weight: 400;
|
||||
padding: 0 30rpx;
|
||||
@@ -631,8 +631,8 @@
|
||||
}
|
||||
|
||||
.list-top-right {
|
||||
border: solid 1rpx $main-color;
|
||||
color: $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
color: $mian-color;
|
||||
display: inline-block;
|
||||
padding: 8rpx 16rpx;
|
||||
font-size: $title-size *0.8;
|
||||
@@ -660,7 +660,7 @@
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
color: $main-color !important;
|
||||
color: $mian-color !important;
|
||||
}
|
||||
|
||||
.dian {
|
||||
@@ -674,12 +674,12 @@
|
||||
}
|
||||
|
||||
.dian-active {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
left: -16rpx;
|
||||
border: solid 10rpx rgba($color: $main-color, $alpha: 0.3);
|
||||
box-shadow: 0 0 20rpx 4rpx rgba($color: $main-color, $alpha: 0.5);
|
||||
border: solid 10rpx rgba($color: $mian-color, $alpha: 0.3);
|
||||
box-shadow: 0 0 20rpx 4rpx rgba($color: $mian-color, $alpha: 0.5);
|
||||
}
|
||||
|
||||
.content {
|
||||
@@ -697,7 +697,7 @@
|
||||
}
|
||||
|
||||
.content-active {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
|
||||
.pictures{
|
||||
|
||||
@@ -392,8 +392,8 @@
|
||||
}
|
||||
|
||||
.nav-item-selected {
|
||||
border-bottom: solid 4rpx $main-color;
|
||||
color: $main-color;
|
||||
border-bottom: solid 4rpx $mian-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -418,7 +418,7 @@
|
||||
}
|
||||
|
||||
.nav-item-selected {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -449,7 +449,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border: solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -463,7 +463,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -479,7 +479,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
@@ -267,7 +267,7 @@
|
||||
.order-status {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
background-image: linear-gradient(to bottom, $main-color, $main-color-light);
|
||||
background-image: linear-gradient(to bottom, $mian-color, $mian-color-light);
|
||||
color: #Fff;
|
||||
font-size: 36rpx;
|
||||
padding: 30rpx 50rpx;
|
||||
@@ -299,7 +299,7 @@
|
||||
.acceptInfo {
|
||||
margin: 0 30rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $main-color, $alpha: 0.2);
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $mian-color, $alpha: 0.2);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
@@ -469,7 +469,7 @@
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-top: 20rpx;
|
||||
@@ -477,7 +477,7 @@
|
||||
}
|
||||
|
||||
.total-btn {
|
||||
border: solid 1rpx $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
@@ -502,7 +502,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border: solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -516,7 +516,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -532,7 +532,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -551,7 +551,7 @@
|
||||
width: 100%;
|
||||
|
||||
.copy {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
font-size: $title-size*0.8;
|
||||
font-weight: 400;
|
||||
padding: 0 30rpx;
|
||||
@@ -686,8 +686,8 @@
|
||||
}
|
||||
|
||||
.list-top-right {
|
||||
border: solid 1rpx $main-color;
|
||||
color: $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
color: $mian-color;
|
||||
display: inline-block;
|
||||
padding: 8rpx 16rpx;
|
||||
font-size: $title-size *0.8;
|
||||
|
||||
@@ -241,7 +241,7 @@
|
||||
margin-top: 20rpx;
|
||||
width: 600rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,6 +6,7 @@
|
||||
<view class="order-list" v-for="(item,index) in lists" :key="index">
|
||||
<NumberWeightTemplate :item="item" />
|
||||
<view class="actions">
|
||||
<view @click="navMarkets(item.symbol)" class="nowPay">权证转让</view>
|
||||
<view @click="nowTake(item.symbol)" class="nowPay">去提货</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -129,8 +130,8 @@
|
||||
}
|
||||
|
||||
.nav-item-selected {
|
||||
border-bottom: solid 4rpx $main-color;
|
||||
color: $main-color;
|
||||
border-bottom: solid 4rpx $mian-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -161,7 +162,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
}
|
||||
|
||||
.cancelOrder {
|
||||
@@ -173,7 +174,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -189,7 +190,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
@@ -306,7 +306,7 @@
|
||||
.order-status {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
background-image: linear-gradient(to bottom, $main-color, $main-color-light);
|
||||
background-image: linear-gradient(to bottom, $mian-color, $mian-color-light);
|
||||
color: #Fff;
|
||||
font-size: 36rpx;
|
||||
padding: 30rpx 50rpx;
|
||||
@@ -338,7 +338,7 @@
|
||||
.acceptInfo {
|
||||
margin: 0 30rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $main-color, $alpha: 0.2);
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $mian-color, $alpha: 0.2);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
@@ -498,7 +498,7 @@
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-top: 20rpx;
|
||||
@@ -506,7 +506,7 @@
|
||||
}
|
||||
|
||||
.total-btn {
|
||||
border: solid 1rpx $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
@@ -532,7 +532,7 @@
|
||||
margin-top: 20rpx;
|
||||
width: 600rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -545,7 +545,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -561,7 +561,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -579,7 +579,7 @@
|
||||
width: 100%;
|
||||
|
||||
.copy {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
font-size: $title-size*0.8;
|
||||
font-weight: 400;
|
||||
padding: 0 30rpx;
|
||||
@@ -684,8 +684,8 @@
|
||||
}
|
||||
|
||||
.list-top-right {
|
||||
border: solid 1rpx $main-color;
|
||||
color: $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
color: $mian-color;
|
||||
display: inline-block;
|
||||
padding: 8rpx 16rpx;
|
||||
font-size: $title-size *0.8;
|
||||
|
||||
@@ -162,8 +162,8 @@
|
||||
}
|
||||
|
||||
.nav-item-selected {
|
||||
border-bottom: solid 4rpx $main-color;
|
||||
color: $main-color;
|
||||
border-bottom: solid 4rpx $mian-color;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -193,7 +193,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border:solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -207,7 +207,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -223,7 +223,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
@@ -160,7 +160,7 @@
|
||||
.order-status {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
background-image: linear-gradient(to bottom, $main-color, $main-color-light);
|
||||
background-image: linear-gradient(to bottom, $mian-color, $mian-color-light);
|
||||
color: #Fff;
|
||||
font-size: 36rpx;
|
||||
padding: 30rpx 50rpx;
|
||||
@@ -192,7 +192,7 @@
|
||||
.acceptInfo {
|
||||
margin: 0 30rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $main-color, $alpha: 0.2);
|
||||
box-shadow: 0 0 14rpx 4rpx rgba($color: $mian-color, $alpha: 0.2);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
@@ -362,7 +362,7 @@
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-top: 20rpx;
|
||||
@@ -370,7 +370,7 @@
|
||||
}
|
||||
|
||||
.total-btn {
|
||||
border: solid 1rpx $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
@@ -395,7 +395,7 @@
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
// background-color: $main-color;
|
||||
// background-color: $mian-color;
|
||||
color: #999;
|
||||
border: solid 1rpx #cacaca;
|
||||
}
|
||||
@@ -409,7 +409,7 @@
|
||||
}
|
||||
|
||||
.logistics {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -425,7 +425,7 @@
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
background-color: $main-color;
|
||||
background-color: $mian-color;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
@@ -444,7 +444,7 @@
|
||||
width: 100%;
|
||||
|
||||
.copy {
|
||||
color: $main-color;
|
||||
color: $mian-color;
|
||||
font-size: $title-size*0.8;
|
||||
font-weight: 400;
|
||||
padding: 0 30rpx;
|
||||
@@ -579,8 +579,8 @@
|
||||
}
|
||||
|
||||
.list-top-right {
|
||||
border: solid 1rpx $main-color;
|
||||
color: $main-color;
|
||||
border: solid 1rpx $mian-color;
|
||||
color: $mian-color;
|
||||
display: inline-block;
|
||||
padding: 8rpx 16rpx;
|
||||
font-size: $title-size *0.8;
|
||||
|
||||
Reference in New Issue
Block a user