Selaa lähdekoodia

成长值规则交易规则页面样式与数据

newCard
HolyKnightIX 2 vuotta sitten
vanhempi
commit
a708643329
4 muutettua tiedostoa jossa 109 lisäystä ja 46 poistoa
  1. +5
    -0
      ext.json
  2. +0
    -1
      pages/grade/grade.js
  3. +13
    -6
      pages/grade/grade.wxml
  4. +91
    -39
      pages/grade/grade.wxss

+ 5
- 0
ext.json Näytä tiedosto

@@ -24,6 +24,7 @@
}
],
"configUrl": "https://ctest.malls.iformall.com/C/api",
"businessSwitch": "1",
"ifHaveWebSocket": "0",
"ifHaveCarModular": "1"
},
@@ -75,6 +76,10 @@
"navigationBarBackgroundColor": "#FFFFFF"
},
"plugins": {
"auto-points-plugin": {
"version": "1.3.0",
"provider": "wxfab2bf944bfc4da6"
},
"live-player-plugin": {
"version": "1.3.4",
"provider": "wx2b03c6e691cd7370"


+ 0
- 1
pages/grade/grade.js Näytä tiedosto

@@ -48,7 +48,6 @@ Page({
flags: 'nothave'
})
})

},
// 点击跳转到我的特享优惠
gotospecialcourtesy: function () {


+ 13
- 6
pages/grade/grade.wxml Näytä tiedosto

@@ -1,13 +1,16 @@
<navbar home back text="成长值规则"></navbar>
<view style="height:{{navigationBarHeight}} "></view>
<view class='page' wx:if="{{flags=='have'}}">
<view class='page' wx:if="{{flags=='have'}}">
<view class='title'>成长值增长规则</view>
<view class='scroll'>
<scroll-view scroll-x class="scroll-header">
<view class="scroll-view-item scroll-view-item2" wx:for="{{rules}}" wx:key="index">
<view class='thin_circle' wx:if="{{item.id!=2}}">
<view class="view">
<text>{{item.title}}{{item.desc}}</text>
<text>
<text>{{item.title}}</text>
<text>{{item.desc}}</text>
</text>
</view>
</view>
<text wx:if="{{item.id!=2}}">{{item.score}}成长值</text>
@@ -19,8 +22,12 @@
<scroll-view scroll-x class="scroll-header">
<view class="scroll-view-item scroll-view-item1" wx:for="{{rules1}}" wx:key="index">
<view class='thin_circle thin_circle1'>
<view class="view view1">
<text>{{item.title}}{{item.desc}}</text>
<view class="viewX view1">
<text>
<text>{{item.title}}</text>
<text>线上交易</text>
<text>{{item.step}}元</text>
</text>
</view>
</view>
<text>{{item.score}}成长值</text>
@@ -51,10 +58,10 @@
</view>
</view>
</view>
<view wx:if="{{flags=='nothave'}}" >
<view wx:if="{{flags=='nothave'}}">
<image class='img' src='{{actUrl}}' mode='widthFix'></image>
<text class="txt">暂无配置信息</text>
</view>
<view class='growthbg' bindtap='gotospecialcourtesy'>
<image src='{{growthbgUrl}}' mode='widthFix'></image>
<image src='{{growthbgUrl}}' mode='widthFix'></image>
</view>

+ 91
- 39
pages/grade/grade.wxss Näytä tiedosto

@@ -3,8 +3,8 @@
white-space: nowrap;
}

.scroll-view-item:first-child{
margin-left: 20rpx!important;
.scroll-view-item:first-child {
margin-left: 20rpx !important;
}

.thin_circle {
@@ -16,9 +16,11 @@
border-radius: 50%;
margin-right: 46rpx;
}

.thin_circle1 {
border: 1px solid #4e9efe;
}

.page {
height: auto;
font-weight: 400;
@@ -59,14 +61,17 @@
padding-left: 3rpx;
margin-right: 30rpx;
}
.scroll-view-item1,.scroll-view-item2 {

.scroll-view-item1,
.scroll-view-item2 {
margin-right: 0;
}
.scroll-view-item:nth-of-type(1){

.scroll-view-item:nth-of-type(1) {
margin-right: 0;
}

.view text {
.view text {
font-size: 23rpx;
display: block;
text-align: center;
@@ -76,10 +81,23 @@
margin: 0 auto;
white-space: normal;
}

.viewX text {
font-size: 20rpx;
display: block;
text-align: center;
color: #fd9643;
line-height: 32rpx;
width: 80rpx;
margin: 0 auto;
white-space: normal;
}

.view1 text {
color: #4e9efe;
}
.scroll-view-item > text {

.scroll-view-item>text {
display: block;
width: 132rpx;
font-size: 21rpx;
@@ -87,9 +105,11 @@
color: rgba(253, 150, 67, 1);
line-height: 29rpx;
}
.scroll-view-item1 > text {
color:#4e9efe;

.scroll-view-item1>text {
color: #4e9efe;
}

.view {
position: absolute;
display: flex;
@@ -105,33 +125,56 @@
border: 3px solid #f69948;
border-radius: 50%;
}

.viewX {
position: absolute;
display: flex;
justify-content: center;
flex-direction: column;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 120rpx !important;
height: 120rpx !important;
border: 3px solid #f69948;
border-radius: 50%;
}

.view1 {
border: 3px solid #4e9efe;
}

.last {
margin-right: 0;
}
.quanyi{
margin-top:20rpx;

.quanyi {
margin-top: 20rpx;
}
.fl{

.fl {
float: left;
}
.fr{

.fr {
float: right;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.grade {
width: 30rpx!important;
width: 30rpx !important;
}

.quanyi > view .titles {
.quanyi>view .titles {
display: inline-block;
font-size: 30rpx;
font-family: PingFang-SC-Bold;
@@ -140,23 +183,23 @@ visibility: hidden;
padding: 0 0 0 10rpx;
}

.quanyi > view:nth-of-type(1) .titles {
.quanyi>view:nth-of-type(1) .titles {
color: #fd9643;
}

.quanyi > view:nth-of-type(2) .titles {
.quanyi>view:nth-of-type(2) .titles {
color: #ffba00;
}

.quanyi > view:nth-of-type(3) .titles {
.quanyi>view:nth-of-type(3) .titles {
color: #6cb043;
}

.quanyi > view:nth-of-type(4) .titles {
.quanyi>view:nth-of-type(4) .titles {
color: #2ac19c;
}

.quanyi > view:nth-of-type(5) .titles {
.quanyi>view:nth-of-type(5) .titles {
color: #2ac19c;
}

@@ -176,36 +219,45 @@ visibility: hidden;
padding-bottom: 10rpx;
margin-top: 10rpx;
}
.quanyi > view:nth-of-type(1) .des{
border-left:6rpx dotted #fd9643;

.quanyi>view:nth-of-type(1) .des {
border-left: 6rpx dotted #fd9643;
}
.quanyi > view:nth-of-type(2) .des{
border-left:6rpx dotted #ffba00;

.quanyi>view:nth-of-type(2) .des {
border-left: 6rpx dotted #ffba00;
}
.quanyi > view:nth-of-type(3) .des{
border-left:6rpx dotted #6cb043;

.quanyi>view:nth-of-type(3) .des {
border-left: 6rpx dotted #6cb043;
}
.quanyi > view:nth-of-type(4) .des{
border-left:6rpx dotted #2ac19c;

.quanyi>view:nth-of-type(4) .des {
border-left: 6rpx dotted #2ac19c;
}
.quanyi > view:nth-of-type(5) .des{
border-left:6rpx dotted #2ac19c;

.quanyi>view:nth-of-type(5) .des {
border-left: 6rpx dotted #2ac19c;
}
.titles text:nth-of-type(1){

.titles text:nth-of-type(1) {
float: left;
}
.titles text:nth-of-type(2){

.titles text:nth-of-type(2) {
float: left;
font-weight: 400;
color: #999;
font-size: 26rpx;
margin-left: 10rpx;
}
.growthbg{
margin:80rpx auto 30rpx;

.growthbg {
margin: 80rpx auto 30rpx;
width: 700rpx;
}
.growthbg image{

.growthbg image {
display: block;
width: 100%;
}

Ladataan…
Peruuta
Tallenna