Browse Source

[拼团分享页面修改样式]

tags/河北版C.8.1.01
刘晖 5 years ago
parent
commit
97584f8e31
5 changed files with 57 additions and 34 deletions
  1. +2
    -0
      pages/joinFrDpell/index.js
  2. +3
    -1
      pages/joinFrDpell/index.json
  3. +15
    -11
      pages/joinFrDpell/index.wxml
  4. +37
    -19
      pages/joinFrDpell/index.wxss
  5. +0
    -3
      pages/spellDetail/index.wxml

+ 2
- 0
pages/joinFrDpell/index.js View File

@@ -1,4 +1,5 @@
// pages/spellGroup/mySpellGroup/index.js
const navigationBarHeight = (getApp().statusBarHeight + 50) + 'px'
var config = require("../../config/config.js");
const Http = require("../../utils/HttpBasics");
const imgurl = require("../../utils/imgurl");
@@ -9,6 +10,7 @@ Page({
* 页面的初始数据
*/
data: {
navigationBarHeight,
teljpgUrl: imgurl.teljpg.url,
wmhome: imgurl.wmhome.url,
orderGroupFail: imgurl.orderGroupFail.url,


+ 3
- 1
pages/joinFrDpell/index.json View File

@@ -1,5 +1,7 @@
{
"navigationBarTitleText": "拼团券详情",
"enablePullDownRefresh": true,
"usingComponents": {}
"usingComponents": {
"navbar": "../../components/navbar/navbar"
}
}

+ 15
- 11
pages/joinFrDpell/index.wxml View File

@@ -1,4 +1,5 @@
<view class="content-box">
<navbar back home text="{{barTitle}}" background='#fff'></navbar>
<view class="content-box" style="margin-top:{{navigationBarHeight}}">
<view class='content'>
<view class='top-img'>
<image src='{{data.coverImg}}'></image>
@@ -7,15 +8,16 @@
<view class='text'>
<view class='remark'>{{data.subTitle}}</view>
<view class='des'>
<view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view>
<view class='des-saleprice'>{{data.salePriceStr}}</view>
<view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需</view>
<view class='des-saleprice'>{{data.salePriceStr}}</view>
</view>
<view class='rest' wx:if="{{data.validType==1}}">有效期:
<text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text>
</view>
<view class='rest'>
<text class='txt01'>限购条件:</text>
<text class='time'>每人{{data.useLimitQuantity}}张</text>
<!-- <text class='txt01'>限购条件:</text> -->
<view class='quan'></view>
<text class='time'>每人限购{{data.useLimitQuantity}}张</text>
</view>
<view class='status'>
<view class='status01 st'>
@@ -26,10 +28,6 @@
<view class='j-t'>剩余时间:<view class='j-time'>{{day+' 天 '+hour+' : '+min+' : '+sec}}</view></view>
</view>
</view>
<view class='p-des'>
<view class='p-title'>购买须知:</view>
<view class='p-list'>{{data.remark}}</view>
</view>
<view class='posi'>
<view class='applyshop'>适用门店</view>
<view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
@@ -43,11 +41,17 @@
<image wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
</view>
</view>

<view class='p-des'>
<view class='p-title'>购买须知:</view>
<view class='p-list'>{{data.remark}}</view>
</view>
<form bindsubmit="submit" report-submit='true' >
<view class='edit'>
<button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button>
<button class='goback' bindtap='gotoIndex'>
<image src='{{homeSelectedO}}' mode="widthFix"></image>
<text class='btnTxt'>首页</text>
</button>
<button form-type="submit" class='edit-left' wx:if='{{data.id}}' bindtap='{{canBuyIf?"gotoBuy":""}}'>
<view class='edit-left-top'>
<view class='price'>{{data.price}}</view>


+ 37
- 19
pages/joinFrDpell/index.wxss View File

@@ -52,23 +52,9 @@
width: 100%;
height: auto;
padding-top: 6rpx;
border-top: 2rpx solid rgb(240, 238, 238);
}
.des-peoplenum{
display: inline;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(0,0,0,1);
line-height:44rpx;
margin-right: 15rpx;
}
.des-saleprice{
display: inline;
font-size:40rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,53,53,1);
background: #FFF;
padding: 0 30rpx 0 0;
color: #FD782D
}
.status{
width: 100%;
@@ -315,8 +301,8 @@
top: 0;
bottom: 0;
margin: auto;
width: 50rpx;
height: 50rpx;
width: 76rpx;
height: 76rpx;
}
.j-f{
font-size:28rpx;
@@ -460,4 +446,36 @@
text-align: center;
line-height: 95rpx;
margin: 0 auto 43rpx;
}
.btnTxt{
width: 50rpx;
height: 30rpx;
line-height: 50rpx;
color: #FD782D;
font-size: 20rpx;
position: absolute;
right:42rpx ;
bottom: 15rpx;
}
.des-peoplenum{
display: inline;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
line-height:44rpx;
margin-right: 15rpx;
}
.des-saleprice{
display: inline;
font-size:40rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
}
.quan{
float: left;
margin:28rpx 15rpx 0 0;
width: 12rpx;
height: 12rpx;
background: #E1E1E1;
border-radius: 50%;
}

+ 0
- 3
pages/spellDetail/index.wxml View File

@@ -3,9 +3,6 @@
<view class='container' style="margin-top:{{navigationBarHeight}}">
<!-- 拼团产品详情 -->
<view class='detail'>
<view class='return-index' bindtap='gotoIndex'>
<image src='{{home}}' mode="widthFix"></image>
</view>
<view class='detail-top'>
<view class='detail-top01'>
<image src='{{data.coverImg}}' mode="aspectFill"></image>


Loading…
Cancel
Save