默认提交
Showing
13 changed files
with
91 additions
and
25 deletions
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | $contentWidth:690px; | 4 | $contentWidth:690px; |
| 5 | 5 | ||
| 6 | .page { | 6 | .page { |
| 7 | border-bottom: $pageBottom; | 7 | padding-bottom: $pageBottom; |
| 8 | 8 | ||
| 9 | .bgc {} | 9 | .bgc {} |
| 10 | 10 | ||
| ... | @@ -91,8 +91,6 @@ $contentWidth:690px; | ... | @@ -91,8 +91,6 @@ $contentWidth:690px; |
| 91 | } | 91 | } |
| 92 | } | 92 | } |
| 93 | 93 | ||
| 94 | |||
| 95 | |||
| 96 | .border { | 94 | .border { |
| 97 | width: $contentWidth; | 95 | width: $contentWidth; |
| 98 | @extend .shadow; | 96 | @extend .shadow; |
| ... | @@ -101,3 +99,10 @@ $contentWidth:690px; | ... | @@ -101,3 +99,10 @@ $contentWidth:690px; |
| 101 | padding: 24px 30px; | 99 | padding: 24px 30px; |
| 102 | margin: 0 auto 20px; | 100 | margin: 0 auto 20px; |
| 103 | } | 101 | } |
| 102 | |||
| 103 | .official-account-wrap { | ||
| 104 | width: $contentWidth; | ||
| 105 | margin: 24px auto; | ||
| 106 | |||
| 107 | .official-account {} | ||
| 108 | } | ... | ... |
| ... | @@ -45,10 +45,13 @@ | ... | @@ -45,10 +45,13 @@ |
| 45 | <view class="tips">更多讯息,欢迎关注我们的公众号</view> | 45 | <view class="tips">更多讯息,欢迎关注我们的公众号</view> |
| 46 | <!-- <view bindtap="onPreviewImageHandler" class="btn">一键关注</view> --> | 46 | <!-- <view bindtap="onPreviewImageHandler" class="btn">一键关注</view> --> |
| 47 | </view> | 47 | </view> |
| 48 | <!-- 一键关注 --> | ||
| 49 | <view class="official-account-wrap"> | ||
| 50 | <official-account class="official-account" bindload="officialAccountLoadFuc" binderror="officialAccountErrorFuc"></official-account> | ||
| 51 | </view> | ||
| 48 | </view> | 52 | </view> |
| 49 | </view> | 53 | </view> |
| 50 | </view> | 54 | </view> |
| 51 | <van-popup show="{{ authorizeVisible }}"> | 55 | <van-popup show="{{ authorizeVisible }}"> |
| 52 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> | 56 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> |
| 53 | </van-popup> | 57 | </van-popup> |
| 54 | ... | ... |
| ... | @@ -93,6 +93,14 @@ Page({ | ... | @@ -93,6 +93,14 @@ Page({ |
| 93 | productList: [] | 93 | productList: [] |
| 94 | }) | 94 | }) |
| 95 | }, | 95 | }, |
| 96 | |||
| 97 | officialAccountLoadFuc(evt) { | ||
| 98 | console.log("officialAccountLoadFuc:", evt) | ||
| 99 | }, | ||
| 100 | officialAccountErrorFuc(evt) { | ||
| 101 | console.log("officialAccountErrorFuc:", evt) | ||
| 102 | }, | ||
| 103 | |||
| 96 | /** | 104 | /** |
| 97 | * 请求产品 | 105 | * 请求产品 |
| 98 | */ | 106 | */ | ... | ... |
| ... | @@ -24,7 +24,7 @@ $contentWidth:670px; | ... | @@ -24,7 +24,7 @@ $contentWidth:670px; |
| 24 | height: 300px; | 24 | height: 300px; |
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | .space1{ | 27 | .space1 { |
| 28 | height: 222px; | 28 | height: 222px; |
| 29 | } | 29 | } |
| 30 | 30 | ||
| ... | @@ -43,8 +43,7 @@ $contentWidth:670px; | ... | @@ -43,8 +43,7 @@ $contentWidth:670px; |
| 43 | &-ipt-wrap { | 43 | &-ipt-wrap { |
| 44 | @extend .bb; | 44 | @extend .bb; |
| 45 | padding-left: 30px; | 45 | padding-left: 30px; |
| 46 | width: 568px; | 46 | width: 320px; |
| 47 | flex: 1; | ||
| 48 | 47 | ||
| 49 | .ipt { | 48 | .ipt { |
| 50 | font-size: 28px; | 49 | font-size: 28px; |
| ... | @@ -61,12 +60,38 @@ $contentWidth:670px; | ... | @@ -61,12 +60,38 @@ $contentWidth:670px; |
| 61 | &-scan { | 60 | &-scan { |
| 62 | @extend .fcc; | 61 | @extend .fcc; |
| 63 | width: 100px; | 62 | width: 100px; |
| 63 | height: 100px; | ||
| 64 | 64 | ||
| 65 | .icon { | 65 | .icon { |
| 66 | width: 40px; | 66 | width: 40px; |
| 67 | height: 40px; | 67 | height: 40px; |
| 68 | } | 68 | } |
| 69 | |||
| 70 | .icon-search{ | ||
| 71 | width: 36px; | ||
| 72 | height: 36px; | ||
| 73 | opacity: .6; | ||
| 74 | } | ||
| 75 | |||
| 76 | .icon2 { | ||
| 77 | width: 60px; | ||
| 78 | height: 60px; | ||
| 79 | margin-left: 4px; | ||
| 80 | } | ||
| 81 | |||
| 82 | .t1{ | ||
| 83 | font-size: 22px; | ||
| 84 | margin: 0 12px 0; | ||
| 85 | color: #333333; | ||
| 86 | text-align: center; | ||
| 87 | } | ||
| 69 | } | 88 | } |
| 89 | |||
| 90 | &-scan2 { | ||
| 91 | flex-wrap: wrap; | ||
| 92 | flex: 1; | ||
| 93 | } | ||
| 94 | |||
| 70 | } | 95 | } |
| 71 | } | 96 | } |
| 72 | 97 | ... | ... |
| ... | @@ -11,12 +11,13 @@ | ... | @@ -11,12 +11,13 @@ |
| 11 | <input value="{{code}}" bindinput="bindCodeInput" class="ipt" placeholder="请输入串码" /> | 11 | <input value="{{code}}" bindinput="bindCodeInput" class="ipt" placeholder="请输入串码" /> |
| 12 | </view> | 12 | </view> |
| 13 | <view bindtap="onSearchHandler" class="search-scan"> | 13 | <view bindtap="onSearchHandler" class="search-scan"> |
| 14 | <image class="icon" mode="aspectFit" src="../../image/icon/icon-search.png" /> | 14 | <image class="icon icon-search" mode="aspectFit" src="../../image/icon/icon-search.png" /> |
| 15 | </view> | 15 | </view> |
| 16 | <!-- 隐藏扫描二维码 --> | ||
| 17 | <view class="search-line"></view> | 16 | <view class="search-line"></view> |
| 18 | <view bindtap="onScanHandler" class="search-scan"> | 17 | <!-- 隐藏扫描二维码 --> |
| 19 | <image class="icon" mode="aspectFit" src="../../image/icon/icon-scan.png" /> | 18 | <view bindtap="onScanHandler" class="search-scan search-scan2"> |
| 19 | <text class="t1">扫码得积分</text> | ||
| 20 | <image class="icon icon2" mode="aspectFit" src="../../image/icon/icon-scan.png" /> | ||
| 20 | </view> | 21 | </view> |
| 21 | </view> | 22 | </view> |
| 22 | </view> | 23 | </view> | ... | ... |
| ... | @@ -152,6 +152,22 @@ Page({ | ... | @@ -152,6 +152,22 @@ Page({ |
| 152 | }, | 152 | }, |
| 153 | 153 | ||
| 154 | /** | 154 | /** |
| 155 | * 图片查看 | ||
| 156 | */ | ||
| 157 | onPreviewImageHandler(evt) { | ||
| 158 | // let curItem = getBindtapData(evt); | ||
| 159 | // let index = getBindtapData(evt, "index"); | ||
| 160 | // let current = curItem[index] || ''; | ||
| 161 | console.log("onPreviewImageHandler") | ||
| 162 | let current = this.data.imageUrl; | ||
| 163 | let urls = [current]; | ||
| 164 | wx.previewImage({ | ||
| 165 | current: current, | ||
| 166 | urls: urls | ||
| 167 | }) | ||
| 168 | }, | ||
| 169 | |||
| 170 | /** | ||
| 155 | * 保存图片到本地 | 171 | * 保存图片到本地 |
| 156 | */ | 172 | */ |
| 157 | saveImageToPhotosAlbum() { | 173 | saveImageToPhotosAlbum() { |
| ... | @@ -196,11 +212,6 @@ Page({ | ... | @@ -196,11 +212,6 @@ Page({ |
| 196 | }, | 212 | }, |
| 197 | 213 | ||
| 198 | 214 | ||
| 199 | |||
| 200 | |||
| 201 | |||
| 202 | |||
| 203 | |||
| 204 | // 创建二维码 | 215 | // 创建二维码 |
| 205 | createQrCode(content, canvasId, cavW, cavH) { | 216 | createQrCode(content, canvasId, cavW, cavH) { |
| 206 | //调用插件中的draw方法,绘制二维码图片 | 217 | //调用插件中的draw方法,绘制二维码图片 | ... | ... |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | <view class="top-space"></view> | 6 | <view class="top-space"></view> |
| 7 | <view class="content"> | 7 | <view class="content"> |
| 8 | <view class="card"> | 8 | <view class="card"> |
| 9 | <image class="my-card" mode="widthFix" src="{{imageUrl}}" /> | 9 | <image bindtap="onPreviewImageHandler" class="my-card" mode="widthFix" src="{{imageUrl}}" /> |
| 10 | <!-- <image class="avatar" mode="widthFix" src="{{userInfo.avatar}}" /> | 10 | <!-- <image class="avatar" mode="widthFix" src="{{userInfo.avatar}}" /> |
| 11 | <view class="nickname">{{userInfo.nickname}}</view> | 11 | <view class="nickname">{{userInfo.nickname}}</view> |
| 12 | <image class="qrcode" mode="widthFix" src="{{qrImagePath}}" /> | 12 | <image class="qrcode" mode="widthFix" src="{{qrImagePath}}" /> | ... | ... |
| ... | @@ -88,6 +88,7 @@ Page({ | ... | @@ -88,6 +88,7 @@ Page({ |
| 88 | formatRankInfo(val, status) { | 88 | formatRankInfo(val, status) { |
| 89 | let rankInfo = val; | 89 | let rankInfo = val; |
| 90 | if (!rankInfo) return; | 90 | if (!rankInfo) return; |
| 91 | |||
| 91 | if (status == "promotion") { | 92 | if (status == "promotion") { |
| 92 | rankInfo.myMember.rank = rankInfo.myMember.promotionNo; | 93 | rankInfo.myMember.rank = rankInfo.myMember.promotionNo; |
| 93 | rankInfo.myMember.points = rankInfo.myMember.promotionPoints; | 94 | rankInfo.myMember.points = rankInfo.myMember.promotionPoints; | ... | ... |
| ... | @@ -17,6 +17,7 @@ | ... | @@ -17,6 +17,7 @@ |
| 17 | </view> | 17 | </view> |
| 18 | <!-- 排行 --> | 18 | <!-- 排行 --> |
| 19 | <view class="border rank"> | 19 | <view class="border rank"> |
| 20 | <block wx:if="{{rankInfo && rankInfo.memberList > 0}}"> | ||
| 20 | <!-- 功能区 --> | 21 | <!-- 功能区 --> |
| 21 | <view class="rank-func"> | 22 | <view class="rank-func"> |
| 22 | <view class="rank-func-item"> | 23 | <view class="rank-func-item"> |
| ... | @@ -91,6 +92,11 @@ | ... | @@ -91,6 +92,11 @@ |
| 91 | <view class="integral">{{rankInfo.myMember.points}}</view> | 92 | <view class="integral">{{rankInfo.myMember.points}}</view> |
| 92 | </view> | 93 | </view> |
| 93 | </view> | 94 | </view> |
| 95 | </block> | ||
| 96 | <view class="empty-tips"> | ||
| 97 | <!-- <span class="iconfont iconempty"></span> --> | ||
| 98 | <view class="tips">暂未开启积分排行,敬请期待</view> | ||
| 99 | </view> | ||
| 94 | </view> | 100 | </view> |
| 95 | <!-- 我的奖励按钮 --> | 101 | <!-- 我的奖励按钮 --> |
| 96 | <view wx:if="{{status == 'promotion'}}" class="btn-wrap"> | 102 | <view wx:if="{{status == 'promotion'}}" class="btn-wrap"> | ... | ... |
| ... | @@ -7,14 +7,14 @@ | ... | @@ -7,14 +7,14 @@ |
| 7 | <!-- 用户信息 --> | 7 | <!-- 用户信息 --> |
| 8 | <view class="user"> | 8 | <view class="user"> |
| 9 | <!-- 左边栏 --> | 9 | <!-- 左边栏 --> |
| 10 | <view class="user-info"> | 10 | <view class="user-info" bindtap="toVipVerifyHandler"> |
| 11 | <image class="avatar" mode="aspectFill" src="{{userInfo.avatar}}" /> | 11 | <image class="avatar" mode="aspectFill" src="{{userInfo.avatar}}" /> |
| 12 | <view class="wrap1"> | 12 | <view class="wrap1"> |
| 13 | <view class="name">{{userInfo.realName ? userInfo.realName : userInfo.nickname}}</view> | 13 | <view class="name">{{userInfo.realName ? userInfo.realName : userInfo.nickname}}</view> |
| 14 | <view wx:if="{{userInfo.auditStatus == 'authorization'}}" class="vip vip-check"> | 14 | <view wx:if="{{userInfo.auditStatus == 'authorization'}}" class="vip vip-check"> |
| 15 | 积分会员 | 15 | 积分会员 |
| 16 | </view> | 16 | </view> |
| 17 | <view wx:elif="{{userInfo.auditStatus == 'unauthorized'}}" class="vip" bindtap="toVipVerifyHandler"> | 17 | <view wx:elif="{{userInfo.auditStatus == 'unauthorized'}}" class="vip" > |
| 18 | 审核中 > | 18 | 审核中 > |
| 19 | </view> | 19 | </view> |
| 20 | <view wx:else class="vip" bindtap="toVipLoginHandler">未验证 ></view> | 20 | <view wx:else class="vip" bindtap="toVipLoginHandler">未验证 ></view> | ... | ... |
| ... | @@ -100,7 +100,7 @@ | ... | @@ -100,7 +100,7 @@ |
| 100 | display: flex; | 100 | display: flex; |
| 101 | justify-content: space-between; | 101 | justify-content: space-between; |
| 102 | @extend .bb; | 102 | @extend .bb; |
| 103 | padding: 32px 66px 66px; | 103 | padding: 48px 66px 24px; |
| 104 | 104 | ||
| 105 | &-item { | 105 | &-item { |
| 106 | text-align: center; | 106 | text-align: center; |
| ... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
| 127 | } | 127 | } |
| 128 | 128 | ||
| 129 | .submit-tips { | 129 | .submit-tips { |
| 130 | margin: 12px 0; | 130 | padding: 24px 0; |
| 131 | width: 100%; | 131 | width: 100%; |
| 132 | color: #333333; | 132 | color: #333333; |
| 133 | text-align: center; | 133 | text-align: center; | ... | ... |
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | </view> | 52 | </view> |
| 53 | <!-- 上传 --> | 53 | <!-- 上传 --> |
| 54 | <view class="upload"> | 54 | <view class="upload"> |
| 55 | <view class="upload-tit">请上传身份证或电工证,审核后,可签到及兑换积分</view> | 55 | <!-- <view class="upload-tit">请上传身份证或电工证,审核后,可签到及兑换积分</view> --> |
| 56 | <view class="upload-wrap"> | 56 | <view class="upload-wrap"> |
| 57 | <view class="upload-wrap-item"> | 57 | <view class="upload-wrap-item"> |
| 58 | <image class="image" bindtap="onUploadHandler" mode="aspectFit" src="{{files[0] && files[0].path?files[0].path:'../../image/icon/icon-plus.png'}}" /> | 58 | <image class="image" bindtap="onUploadHandler" mode="aspectFit" src="{{files[0] && files[0].path?files[0].path:'../../image/icon/icon-plus.png'}}" /> |
| ... | @@ -63,13 +63,13 @@ | ... | @@ -63,13 +63,13 @@ |
| 63 | <view class="tips">示例</view> | 63 | <view class="tips">示例</view> |
| 64 | </view> | 64 | </view> |
| 65 | </view> | 65 | </view> |
| 66 | </view> | ||
| 67 | <!-- 提交按钮 --> | ||
| 68 | <view class="submit-btn" bindtap="onSubmitHandler">确认提交</view> | ||
| 69 | <view class="submit-tips"> | 66 | <view class="submit-tips"> |
| 70 | <text class="text">五金分销商请上传营业执照,其他用户上传身份证或电工证\n审核后可参与签到及兑换积分</text> | 67 | <text class="text">五金分销商请上传营业执照,其他用户上传身份证或电工证\n审核后可参与签到及兑换积分</text> |
| 71 | </view> | 68 | </view> |
| 72 | </view> | 69 | </view> |
| 70 | <!-- 提交按钮 --> | ||
| 71 | <view class="submit-btn" bindtap="onSubmitHandler">确认提交</view> | ||
| 72 | </view> | ||
| 73 | </view> | 73 | </view> |
| 74 | </view> | 74 | </view> |
| 75 | </view> | 75 | </view> | ... | ... |
-
Please register or sign in to post a comment