Sfoglia il codice sorgente

[砍价详情][修改][样式]

tags/河北版C.8.1.01
hurui 5 anni fa
parent
commit
e57abadd00
6 ha cambiato i file con 44 aggiunte e 36 eliminazioni
  1. +2
    -2
      pages/bargain/bargainDatail/bargainDatail.wxml
  2. +25
    -22
      pages/bargain/bargainDatail/bargainDatail.wxss
  3. +1
    -1
      pages/main/index.wxml
  4. +13
    -8
      pages/main/index.wxss
  5. +2
    -2
      pages/user/index.wxml
  6. +1
    -1
      pages/user/index.wxss

+ 2
- 2
pages/bargain/bargainDatail/bargainDatail.wxml Vedi File

@@ -1,4 +1,4 @@
<button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button>
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
<view class="bargainDetail" hover-class="none" hover-stop-propagation="false" wx:if="{{showPage}}"> <view class="bargainDetail" hover-class="none" hover-stop-propagation="false" wx:if="{{showPage}}">
<view class="listitem clearfix" hover-class="none" hover-stop-propagation="false"> <view class="listitem clearfix" hover-class="none" hover-stop-propagation="false">
<image class="fl" src="{{data.coverImg}}" lazy-load="true" binderror="" bindload="" mode='aspectFill'></image> <image class="fl" src="{{data.coverImg}}" lazy-load="true" binderror="" bindload="" mode='aspectFill'></image>
@@ -14,7 +14,7 @@
<text class="fl">已砍 <text>{{already}}元</text></text> <text class="fl">已砍 <text>{{already}}元</text></text>
<text class="fr" wx:if="{{data.pressCurrentValue/100!=0}}">还剩 <text>{{remain}}元</text></text> <text class="fr" wx:if="{{data.pressCurrentValue/100!=0}}">还剩 <text>{{remain}}元</text></text>
</view> </view>
<progress percent="{{((data.price-data.salePrice-data.pressCurrentValue)/(data.price-data.salePrice))*100}}" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" color="#FF3535" class="progressbar"border-radius="10px" backgroundColor="#FECFCF" stroke-width="10" />
<progress percent="{{((data.price-data.salePrice-data.pressCurrentValue)/(data.price-data.salePrice))*100}}" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" color="#FD782D" class="progressbar"border-radius="10px" stroke-width="10" />
<view class="time" hover-class="none" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9&&data.orderStatus != 7}}" hover-stop-propagation="false"> <view class="time" hover-class="none" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9&&data.orderStatus != 7}}" hover-stop-propagation="false">
还剩 <text>{{day}}</text>天:<text>{{hour}}</text>:<text>{{min}}</text>:<text>{{sec}}</text> 结束 还剩 <text>{{day}}</text>天:<text>{{hour}}</text>:<text>{{min}}</text>:<text>{{sec}}</text> 结束
</view> </view>


+ 25
- 22
pages/bargain/bargainDatail/bargainDatail.wxss Vedi File

@@ -1,8 +1,8 @@
page{ page{
height: auto; height: auto;
overflow: auto; overflow: auto;
background: #FF6F03;
background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/bargindetailbg.jpg');
background: #F4F5F9;
/* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/bargindetailbg.jpg'); */
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@@ -26,7 +26,7 @@ page{
.title{ .title{
display: block; display: block;
font-size: 30rpx; font-size: 30rpx;
color: #333;
color: #3C3C3C;
height: 40rpx; height: 40rpx;
line-height: 40rpx; line-height: 40rpx;
padding-top: 20rpx; padding-top: 20rpx;
@@ -38,9 +38,10 @@ page{
height: 40rpx; height: 40rpx;
line-height: 40rpx; line-height: 40rpx;
margin-top: 47rpx; margin-top: 47rpx;
color:#3C3C3C;
} }
.help text{ .help text{
color: red;
color: #FD782D;
} }
.listitem .ri { .listitem .ri {
margin-left: 26rpx; margin-left: 26rpx;
@@ -80,7 +81,7 @@ page{
.ri .txt04 { .ri .txt04 {
width: 100%; width: 100%;
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 50, 50, 1);
color: #FD782D;
line-height: 44rpx; line-height: 44rpx;
} }


@@ -88,7 +89,7 @@ page{
display: inline-block !important; display: inline-block !important;
font-size: 50rpx; font-size: 50rpx;
font-weight: 500; font-weight: 500;
color: rgba(255, 50, 50, 1);
color: #FD782D;
} }


.listitem { .listitem {
@@ -115,11 +116,11 @@ page{


.progesstext>text { .progesstext>text {
font-size: 24rpx; font-size: 24rpx;
color: rgba(51, 51, 51, 1);
color: #3C3C3C;
} }


.progesstext text text { .progesstext text text {
color: #FF3535;
color: #FD782D;
} }


.time { .time {
@@ -137,8 +138,8 @@ page{
text-align: center; text-align: center;
height: 40rpx; height: 40rpx;
line-height: 40rpx; line-height: 40rpx;
background: rgba(51, 51, 51, 1);
border-radius: 10rpx;
background: #FD782D;
border-radius: 14rpx;
margin: 0 4px; margin: 0 4px;
} }
.head{ .head{
@@ -148,19 +149,20 @@ page{
} }
.head image{ .head image{
width: 70rpx; width: 70rpx;
border-radius:10rpx;
border-radius:50rpx;
} }
.head text{ .head text{
width: 70rpx; width: 70rpx;
position: absolute; position: absolute;
bottom: 0;
left: 0;
/* bottom: 0; */
top: -15rpx;
left: 60rpx;
right: 0; right: 0;
font-size: 20rpx; font-size: 20rpx;
background: #ED3F2E;
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
color: #fff; color: #fff;
text-align: center; text-align: center;
border-radius: 20rpx;
border-radius:9px 9px 9px 0px;
} }
.text{ .text{
width: 87%; width: 87%;
@@ -169,6 +171,7 @@ page{
height: 90rpx; height: 90rpx;
line-height: 90rpx; line-height: 90rpx;
font-size: 26rpx; font-size: 26rpx;
color: #3C3C3C;
} }
.text01{ .text01{
width: 100rpx; width: 100rpx;
@@ -199,17 +202,17 @@ page{
overflow: hidden; overflow: hidden;
} }
.person{ .person{
border-bottom: 1px solid #F0CDB3;
/* border-bottom: 1px solid #F0CDB3; */
padding-bottom: 31rpx; padding-bottom: 31rpx;
padding-top: 31rpx; padding-top: 31rpx;
} }
.text02 text:nth-of-type(2){ .text02 text:nth-of-type(2){
color: #FF3535;
color: #FD782D;
text-align: left; text-align: left;
} }
.people{ .people{
border-radius:16rpx; border-radius:16rpx;
background: #FFEADA;
background: #FFF;
margin-top: 30rpx; margin-top: 30rpx;
padding:0 20rpx; padding:0 20rpx;
margin-bottom: 165rpx; margin-bottom: 165rpx;
@@ -232,8 +235,8 @@ page{
font-size: 30rpx; font-size: 30rpx;
color: #fff; color: #fff;
line-height: 95rpx; line-height: 95rpx;
background:linear-gradient(90deg,rgba(229,54,40,1) 0%,rgba(243,75,30,1) 99%);
box-shadow:0px 8px 8px 1px rgba(204,26,13,0.32);
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
/* box-shadow:0px 8px 8px 1px rgba(204,26,13,0.32); */
} }
.goback{ .goback{
position: fixed; position: fixed;
@@ -301,8 +304,8 @@ page{
width:650rpx; width:650rpx;
height:85rpx; height:85rpx;
line-height: 85rpx; line-height: 85rpx;
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32);
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
/* box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32); */
border-radius:43rpx; border-radius:43rpx;
} }
.fail{ .fail{


+ 1
- 1
pages/main/index.wxml Vedi File

@@ -12,7 +12,7 @@
<view class="view"> <view class="view">
<!-- 成长值<text class="score">{{score}}</text> --> <!-- 成长值<text class="score">{{score}}</text> -->
<progress percent="{{upgradePercent}}" stroke-width="6" activeColor="{{activeColor}}" /> <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="{{activeColor}}" />
<text class='remainchengzhangzhi'>还需{{upgradeScore}}成长值可升级</text>
<view class='remainchengzhangzhi'>还需{{upgradeScore}}成长值可升级</view>
</view> </view>
</view> </view>
<!-- 积分 --> <!-- 积分 -->


+ 13
- 8
pages/main/index.wxss Vedi File

@@ -55,12 +55,12 @@ page {


.userinfo{ .userinfo{
position:relative; position:relative;
margin: 0 0 30rpx 40rpx;
width: 690rpx;
/* padding: 0 0 20rpx; */
width:710rpx;
/* padding: 0 4%; */
height: 96rpx; height: 96rpx;
border-radius:16rpx; border-radius:16rpx;
display: flex; display: flex;
margin: 0 auto 20rpx;
} }
.infoLeft{ .infoLeft{
height: 100%; height: 100%;
@@ -191,7 +191,7 @@ page {
} }
.user-avatar { .user-avatar {
position: absolute; position: absolute;
left: 24rpx;
left: 14rpx;
top:0; top:0;
bottom: 0; bottom: 0;
width: 80rpx; width: 80rpx;
@@ -206,7 +206,7 @@ page {
height:100%; height:100%;
} }
.user-data { .user-data {
margin-left: 116rpx;
margin-left: 104rpx;
letter-spacing: 0.64rpx; letter-spacing: 0.64rpx;
line-height: 46rpx; line-height: 46rpx;
font-size: 30rpx; font-size: 30rpx;
@@ -258,9 +258,8 @@ page {
.view { .view {
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
line-height: 12rpx;
float: left; float: left;
margin-top: 10rpx;
/* margin-top: 10rpx; */
} }
.view>.score{ .view>.score{
margin-left:9rpx; margin-left:9rpx;
@@ -385,15 +384,21 @@ page {
color: #A6A6A6; color: #A6A6A6;
font-size: 22rpx; font-size: 22rpx;
margin-top: 5rpx; margin-top: 5rpx;
line-height: 14rpx;
height: 30rpx;
line-height: 30rpx;
float: left; float: left;
margin: 0 10rpx; margin: 0 10rpx;
width: 260rpx;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
} }
progress{ progress{
width:190rpx; width:190rpx;
border-radius:60rpx; border-radius:60rpx;
overflow:hidden; overflow:hidden;
float: left; float: left;
margin-top: 10rpx;
} }
.channelBox{ .channelBox{
width:688rpx; width:688rpx;


+ 2
- 2
pages/user/index.wxml Vedi File

@@ -14,8 +14,8 @@
<text class="my">我的</text> <text class="my">我的</text>
<text class="chengzhang_h" >成长值{{score}}</text> <text class="chengzhang_h" >成长值{{score}}</text>
<text class="my my_line">|</text> <text class="my my_line">|</text>
<text class="my">更多成长值</text>
<text class="view" style='color:{{view}}'>一键领取</text>
<!-- <text class="my">更多成长值</text> -->
<text class="view" style='color:{{view}}'>更多成长值</text>
</view> </view>
<view class="user-btns"> <view class="user-btns">
<!-- 我的订单 --> <!-- 我的订单 -->


+ 1
- 1
pages/user/index.wxss Vedi File

@@ -61,7 +61,7 @@ page{
line-height: 44rpx; line-height: 44rpx;
font-size: 36rpx; font-size: 36rpx;
color: #000; color: #000;
margin:20rpx 0 50rpx 149rpx;
margin:20rpx 0 50rpx 180rpx;
} }
.user-avatar { .user-avatar {
position: absolute; position: absolute;


Caricamento…
Annulla
Salva