Ver a proveniência

[我的图标 我的页面样式修改][修改]:我的页面样式的修改

tags/2.2.4
meo há 6 anos
ascendente
cometimento
c89816be44
7 ficheiros alterados com 59 adições e 36 eliminações
  1. BIN
      assets/img/che.png
  2. BIN
      assets/img/ding.png
  3. BIN
      assets/img/quans.png
  4. +7
    -7
      pages/order/index/index.wxml
  5. +38
    -19
      pages/order/index/index.wxss
  6. +5
    -5
      pages/user/index.wxml
  7. +9
    -5
      pages/user/index.wxss

BIN
assets/img/che.png Ver ficheiro

Antes Depois
Largura: 78  |  Altura: 72  |  Tamanho: 2.2 KiB

BIN
assets/img/ding.png Ver ficheiro

Antes Depois
Largura: 67  |  Altura: 74  |  Tamanho: 1.5 KiB

BIN
assets/img/quans.png Ver ficheiro

Antes Depois
Largura: 78  |  Altura: 54  |  Tamanho: 1.6 KiB

+ 7
- 7
pages/order/index/index.wxml Ver ficheiro

@@ -11,13 +11,13 @@
<view class='info'>
<view>
<text>{{item.title}}</text>
<text wx:if="{{item.orderStatus==0}}">待付款</text>
<text class='wait' wx:if="{{item.orderStatus==0}}">待付款</text>
<text wx:if="{{item.orderStatus==3}}">待退款</text>
<text wx:if="{{item.orderStatus==2}}">已取消</text>
<text class='close' wx:if="{{item.orderStatus==2}}">交易关闭</text>
<text wx:if="{{item.orderStatus==4}}">已退款</text>
<text wx:if="{{item.orderStatus==5}}">退款失败</text>
<text wx:if="{{item.orderStatus==1&&item.salePrice==0}}">免费领取</text>
<text wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款</text>
<text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0}}">免费领取</text>
<text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text>
</view>
<view>{{item.subTitle}}</view>
<view>
@@ -42,10 +42,10 @@
<view wx:if="{{item.orderStatus==0}}" class="btn" data-id="{{item.id}}" bindtap="gotopay">
<text>去支付</text>
</view>
<view wx:if="{{item.orderStatus==2}}" style="background:#999;opacity: .6;" class="btn">
<!-- <view wx:if="{{item.orderStatus==2}}" style="background:#999;opacity: .6;" class="btn">
<text>已取消</text>
</view>
<view wx:if="{{item.orderStatus==3}}" style="background:#999;opacity: .6;" class="btn">
</view> -->
<view wx:if="{{item.orderStatus==3}}" style="background:#999;opacity: .6;color:#fff;" class="btn">
<text>待退款</text>
</view>
<view wx:if="{{item.orderStatus==4}}" style="background:#999;opacity: .6;" class="btn">


+ 38
- 19
pages/order/index/index.wxss Ver ficheiro

@@ -29,16 +29,18 @@
}
.logo {
width: 350rpx;
height: 184rpx;
display: block;
width: 180rpx;
height: 180rpx;
border: 1px solid #f8f8f8;
border-radius: 16rpx;
overflow: hidden;
}
.logo image {
width: 100%;
height: 100%;
display: block;
width: 180rpx;
height: 180rpx;
}
.info view:nth-child(1) {
@@ -64,13 +66,28 @@
text-overflow: ellipsis; */
}
.info view:nth-child(1) text:nth-child(2) {
color: #f96563;
font-size: 24rpx;
/* width: 340rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; */
.info .sucess {
font-size: 28rpx;
color: #02c0ff;
letter-spacing: 0;
text-align: right;
line-height: 28px;
}
.wait {
font-size: 28rpx;
color: #ff4949;
letter-spacing: 0;
text-align: right;
line-height: 28rpx;
}
.close {
font-size: 28rpx;
color: #999;
letter-spacing: 0;
text-align: right;
line-height: 28rpx;
}
.info view:nth-child(2), .info view:nth-child(3) {
@@ -121,16 +138,16 @@
height: 60rpx;
line-height: 60rpx;
text-align: center;
background: #00c0ff;
color: #fff;
float: right;
border-radius: 15rpx;
font-size: 28rpx;
border: 2rpx solid #02c0ff;
border-radius: 30rpx;
}
.payment view:nth-child(2) text {
font-size: 28rpx;
color: #fff;
font-size: 30rpx;
color: #02C0FF;
}
.dingdan {
@@ -144,13 +161,15 @@
letter-spacing: 0;
text-align: center;
}
.dingdan text:nth-of-type(2) {
display: block;
font-size: 28rpx;
color: #999999;
letter-spacing: 0;
text-align: center;
font-size: 28rpx;
color: #999;
letter-spacing: 0;
text-align: center;
}
.dingdan image {
display: block;
width: 300rpx;


+ 5
- 5
pages/user/index.wxml Ver ficheiro

@@ -16,13 +16,13 @@
<view class="user-btns">
<navigator url="/pages/order/index/index?id=all">
<view class="user-btn app-border-bottom">
<view>我的订单</view>
<view><image class='icons' src="./../../assets/img/ding.png" mode='widthFix'></image>我的订单</view>
<view><text class='look'>查看全部</text><text class="iconfont icon-right"></text></view>
</view>
</navigator>
<navigator url="/pages/order/index/index?id=0">
<view class="user-btn app-border-bottom">
<view>待付款</view>
<view style='padding-left:50rpx;color:#666;'>待付款</view>
<view>
<text class="iconfont icon-right"></text>
</view>
@@ -30,7 +30,7 @@
</navigator>
<navigator url="/pages/order/index/index?id=1">
<view class="user-btn app-border-bottom">
<view>已完成</view>
<view style='padding-left:50rpx;color:#666;'>已完成</view>
<view>
<text class="iconfont icon-right"></text>
</view>
@@ -38,7 +38,7 @@
</navigator>
<navigator url="/pages/couponorder/index/index">
<view class="user-btn app-border-bottom">
<view>券包</view>
<view><image class='icons' src="./../../assets/img/quans.png" mode='widthFix'></image>券包</view>
<view>
<text class="couponnum" wx:if="{{couponNum=='couponNum'}}"></text>
<text class="iconfont icon-right"></text>
@@ -47,7 +47,7 @@
</navigator>
<navigator url="/pages/cartest/cartest" open-type="switchTab">
<view class="user-btn app-border-bottom">
<view>智能停车</view>
<view><image class='icons' src="./../../assets/img/che.png" mode='widthFix'></image>智能停车</view>
<view>
<text class="iconfont icon-right"></text>
</view>


+ 9
- 5
pages/user/index.wxss Ver ficheiro

@@ -1,12 +1,16 @@
.margin {
/* background: #f8f8f8; *//* height: 20rpx; */
.icons{
width: 40rpx;
margin-right: 20rpx;
vertical-align: middle;
}

.user {
background: #fff;
min-height: 100vh;
}

.navigator-hover{
opacity: 1!important;
background: #fff;
}
.user-title {
position: relative;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
@@ -36,7 +40,7 @@
position: absolute;
top: 39rpx;
bottom: 0;
right: 26px;
right: 20px;
width: 16rpx;
height: 16rpx;
border-radius: 50%;


Carregando…
Cancelar
Guardar