wxd / MShopWeApp

Commit cfe045e0b1ec58dfd35455035cd39afd45872fa3

Authored by 后端研发-倪永富
1 parent 7e27c3cf

添加客户、活动分享

Inline Side-by-side
Showing 10 changed files with 1428 additions and 8 deletions
app.json
  View file @cfe045e
1 { 1 {
2 "pages": [ 2 "pages": [
3 -  
4 "pages/index/index/index", 3 "pages/index/index/index",
5 "pages/justTest/justTest", 4 "pages/justTest/justTest",
6 "pages/goods/categoryList/categoryList", 5 "pages/goods/categoryList/categoryList",
@@ -103,7 +102,12 @@ @@ -103,7 +102,12 @@
103 "pages/quan_list/quan_list", 102 "pages/quan_list/quan_list",
104 "pages/quan_pro/quan_pro", 103 "pages/quan_pro/quan_pro",
105 "pages/liveStream/liveStream", 104 "pages/liveStream/liveStream",
106 - "pages/liveStreamDetails/liveStreamDetails" 105 + "pages/liveStreamDetails/liveStreamDetails",
  106 + "pages/shop_details/shop_details",
  107 + "pages/goods_share/goods_share",
  108 + "pages/activity_share/activity_share",
  109 + "pages/live_share/live_share",
  110 + "pages/addCustomer/addCustomer"
107 ] 111 ]
108 112
109 }], 113 }],
app.wxss
  View file @cfe045e
@@ -433,12 +433,12 @@ background: #ffe3e2; @@ -433,12 +433,12 @@ background: #ffe3e2;
433 /* 图标字体(ty) */ 433 /* 图标字体(ty) */
434 @font-face { 434 @font-face {
435 font-family: 'iconfont'; /* project id 2054717 */ 435 font-family: 'iconfont'; /* project id 2054717 */
436 - src: url('//at.alicdn.com/t/font_2054717_cavurq8wjit.eot');  
437 - src: url('//at.alicdn.com/t/font_2054717_cavurq8wjit.eot?#iefix') format('embedded-opentype'),  
438 - url('//at.alicdn.com/t/font_2054717_cavurq8wjit.woff2') format('woff2'),  
439 - url('//at.alicdn.com/t/font_2054717_cavurq8wjit.woff') format('woff'),  
440 - url('//at.alicdn.com/t/font_2054717_cavurq8wjit.ttf') format('truetype'),  
441 - url('//at.alicdn.com/t/font_2054717_cavurq8wjit.svg#iconfont') format('svg'); 436 + src: url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.eot');
  437 + src: url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.eot?#iefix') format('embedded-opentype'),
  438 + url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.woff2') format('woff2'),
  439 + url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.woff') format('woff'),
  440 + url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.ttf') format('truetype'),
  441 + url('//at.alicdn.com/t/font_2054717_eqd24qr0g9a.svg#iconfont') format('svg');
442 } 442 }
443 443
444 .iconfont { 444 .iconfont {
@@ -449,6 +449,10 @@ background: #ffe3e2; @@ -449,6 +449,10 @@ background: #ffe3e2;
449 -moz-osx-font-smoothing: grayscale; 449 -moz-osx-font-smoothing: grayscale;
450 } 450 }
451 451
  452 +.icon-save:before {
  453 + content: "\e6bb";
  454 +}
  455 +
452 .icon-close:before { 456 .icon-close:before {
453 content: "\e62e"; 457 content: "\e62e";
454 } 458 }
packageA/pages/activity_share/activity_share.js 0 → 100644
  View file @cfe045e
  1 +// packageA//pages/goods_share/goods_share.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + // tab
  9 + tab: ['秒杀','拼单','促销','专享礼包'],
  10 + currentIndex: 0,
  11 + //促销页tab
  12 + tab2: ['订单促销','搭配促销','优惠促销'],
  13 + currentIndex2: 0,
  14 + //秒杀和拼单底部tab
  15 + currentIndex3: 0,
  16 + // 控制价格
  17 + active1: false,
  18 + // 控制佣金
  19 + active2: false,
  20 + //popup
  21 + hiddenPopup: true,
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面加载
  26 + */
  27 + onLoad: function (options) {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面初次渲染完成
  33 + */
  34 + onReady: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面显示
  40 + */
  41 + onShow: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 生命周期函数--监听页面隐藏
  47 + */
  48 + onHide: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 生命周期函数--监听页面卸载
  54 + */
  55 + onUnload: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 页面相关事件处理函数--监听用户下拉动作
  61 + */
  62 + // onPullDownRefresh: function () {
  63 +
  64 + // },
  65 +
  66 + /**
  67 + * 页面上拉触底事件的处理函数
  68 + */
  69 + onReachBottom: function () {
  70 +
  71 + },
  72 +
  73 + /**
  74 + * 用户点击右上角分享
  75 + */
  76 + onShareAppMessage: function () {
  77 +
  78 + },
  79 +
  80 + // 点击价格排序
  81 + sort1() {
  82 + if(this.data.active2) {
  83 + this.setData({
  84 + active2: !this.data.active2
  85 + });
  86 + };
  87 + this.setData({
  88 + active1: !this.data.active1
  89 + });
  90 +
  91 + },
  92 + // 点击佣金排序
  93 + sort2() {
  94 + if(this.data.active1) {
  95 + this.setData({
  96 + active1: !this.data.active1
  97 + });
  98 + };
  99 + this.setData({
  100 + active2: !this.data.active2
  101 + });
  102 + },
  103 + // 点击tab
  104 + clickTab(e) {
  105 + this.setData({
  106 + currentIndex: e.target.dataset.index,
  107 + });
  108 + },
  109 + // 点击促销页tab
  110 + clickTab2(e) {
  111 + this.setData({
  112 + currentIndex2: e.target.dataset.index,
  113 + });
  114 + },
  115 + // 点击秒杀和拼单底部tab
  116 + clickTab3(e) {
  117 + this.setData({
  118 + currentIndex3: e.target.dataset.index,
  119 + });
  120 + },
  121 + // 关闭弹出层
  122 + closePopup() {
  123 + this.setData({
  124 + hiddenPopup: true
  125 + });
  126 + },
  127 + // 显示弹出层
  128 + showPopup() {
  129 + this.setData({
  130 + hiddenPopup: false
  131 + });
  132 + },
  133 +})
0 \ No newline at end of file 134 \ No newline at end of file
packageA/pages/activity_share/activity_share.json 0 → 100644
  View file @cfe045e
  1 +{
  2 + "usingComponents": {
  3 + "nodata": "/components/nodata/nodata"
  4 + },
  5 + "enablePullDownRefresh": false
  6 +}
0 \ No newline at end of file 7 \ No newline at end of file
packageA/pages/activity_share/activity_share.wxml 0 → 100644
  View file @cfe045e
  1 +<view class="container">
  2 + <!-- 搜索框 -->
  3 + <view class="search-container">
  4 + <view class="input-container"><input class="search" type="text" placeholder="请输入您想查找的商品信息"/></view>
  5 + <view class="btn-search">搜索</view>
  6 + </view>
  7 +
  8 + <!-- 列表 -->
  9 + <view class="list-container">
  10 + <!-- 标题 -->
  11 + <view class="title" >
  12 + <block wx:for="{{tab}}">
  13 + <view class="title-item {{currentIndex == index ? 'active':''}}" data-index="{{index}}" bindtap="clickTab">{{item}}</view>
  14 + </block>
  15 + </view>
  16 + <!-- 促销页标题 -->
  17 + <view class="subTab-title flex" wx:if="{{currentIndex == 2}}">
  18 + <block wx:for="{{tab2}}">
  19 + <view class="subTab-titleItem {{currentIndex2 == index ? 'active':''}}" data-index="{{index}}" bindtap="clickTab2">{{item}}</view>
  20 + </block>
  21 + </view>
  22 + <!-- 列表项 -->
  23 + <scroll-view
  24 + class="list {{currentIndex == 2?'active1':''}} {{currentIndex == 3?'active2':''}}"
  25 + scroll-y="true"
  26 + scroll-anchoring
  27 + refresher-enabled>
  28 +
  29 + <!-- 暂无数据 -->
  30 + <nodata nodataContainer="nodata">暂无数据</nodata>
  31 +
  32 + <!-- 拼单和秒杀 -->
  33 + <block wx:if="{{currentIndex == 0 || currentIndex == 1}}">
  34 + <view class class="list-item">
  35 + <view class="img-container"></view>
  36 + <view class="details">
  37 + <view class="fs28 name ellipsis-2">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</view>
  38 + <view>
  39 + <!-- 点击秒杀时显示 -->
  40 + <view class="flex ai-center pdtb8" wx:if="{{currentIndex == 0}}">
  41 + <view class="progress-container">
  42 + <progress class="progress" percent="50" border-radius="6" stroke-width="14" activeColor="#FE6867" backgroundColor="#ccc"></progress>
  43 + <text class="percent fs20">剩余100%</text>
  44 + </view>
  45 + <view class="fs22 gray">已抢0件</view>
  46 + </view>
  47 + <!-- 点击拼单时显示 -->
  48 + <view class="flex pdtb6" wx:if="{{currentIndex == 1}}">
  49 + <view class="group-num">已拼0份</view>
  50 + <view class="group-type">1人团</view>
  51 + </view>
  52 + <!-- 公共项 -->
  53 + <view class="fs22 red">剩余:51天21时37分34秒</view>
  54 + </view>
  55 + <view class="red flex ai-center">
  56 + <view>￥200.00</view>
  57 + <view class="retail">零售价：￥76.00</view>
  58 + </view>
  59 + <view class="t-r fs28"><text class="btn-share">分享</text></view>
  60 + </view>
  61 + </view>
  62 + </block>
  63 +
  64 + <!-- 促销 - 订单促销 -->
  65 + <block wx:if="{{currentIndex == 2}}">
  66 + <view class="subTab-container">
  67 + <view class="subTab-list">
  68 + <view class="subTab-item">
  69 + <view class="bdr-b">
  70 + <view class="flex">
  71 + <view class="badge">折</view>
  72 + <view class="ellipsis-1">促销活动名称名称名称名称名称名称名称名称名称名称</view>
  73 + </view>
  74 + <view class="pdv10 fs28">促销时间：2020-09-28 16:00 到 2020-09-28 16:00</view>
  75 + </view>
  76 + <view class="flex-space-between" wx:if="{{currentIndex == 2 && currentIndex2 == 0}}">
  77 + <view class="fs28">
  78 + <view class="pdv10">需购买金额：￥400</view>
  79 + <view>折扣：90</view>
  80 + </view>
  81 + <view class="btn-container"><text class="btn-share">分享</text></view>
  82 + </view>
  83 + <view class="flex-equality pdt20" wx:if="{{currentIndex == 2 && currentIndex2 !== 0}}">
  84 + <view class="btn-container" bindtap="showPopup"><text class="btn-share">活动详情</text></view>
  85 + <view class="btn-container"><text class="btn-share w164">分享</text></view>
  86 + </view>
  87 + </view>
  88 + </view>
  89 + </view>
  90 + </block>
  91 +
  92 + <!-- 专享礼包 -->
  93 + <block wx:if="{{currentIndex == 3}}">
  94 + <view class class="list-item">
  95 + <view class="img-container"></view>
  96 + <view class="details">
  97 + <view class="ellipsis-2 fs28 name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</view>
  98 + <view class="pdt14 red">￥200.00/10积分</view>
  99 + <view class="fs22 line-through gray">零售价：￥76.00</view>
  100 + <view class="fs22">已售：<text class="red">3</text></view>
  101 + <view class="t-r fs28"><view class="btn-share">分享</view></view>
  102 + </view>
  103 + </view>
  104 + </block>
  105 +
  106 + <view class="no-more t-c">- 已全部加载 -</view>
  107 + </scroll-view>
  108 + </view>
  109 +
  110 + <!-- 底部栏 -->
  111 + <view class="tabbar flex" wx:if="{{currentIndex == 0 || currentIndex == 1}}" bindtap="clickTab3">
  112 + <view class="tabbar-item {{currentIndex3 == 0?'active':''}}" data-index="0">
  113 + <text class="iconfont icon-hot"></text>火热进行
  114 + </view>
  115 + <view class="tabbar-item {{currentIndex3 == 1?'active':''}}" data-index="1">
  116 + <text class="iconfont icon-clock"></text>即将开始
  117 + </view>
  118 + </view>
  119 +
  120 + <!-- 弹出层 -->
  121 + <view class="popup-container" hidden="{{hiddenPopup}}">
  122 + <view class="popup">
  123 + <view class="popup-content {{currentIndex2 == 2?'active':''}}">
  124 + <view class="popup-title dash-b">活动详情</view>
  125 + <!-- 搭配促销 -->
  126 + <block wx:if="{{currentIndex2 == 1}}">
  127 + <view class="pdv20 dash-b fs28">
  128 + <view class="popup-title2">必买商品</view>
  129 + <view class="popup-title3">商品编号：1000234478</view>
  130 + <view class="popup-title3">商品名称：欧诗漫护手霜（条码）</view>
  131 + <view class="popup-title3 red">手店价：￥500</view>
  132 + </view>
  133 + <view class="pdv20">
  134 + <view class="popup-title2 fs28">搭配商品</view>
  135 + <view class="fs28">
  136 + <view class="flex t-c bold pdv10">
  137 + <view class="w25">序号</view>
  138 + <view class="w25">商品信息</view>
  139 + <view class="w25">手店价</view>
  140 + <view class="w25">搭配价</view>
  141 + </view>
  142 + <view class="popup-list t-c">
  143 + <view class="flex ai-center pdb10">
  144 + <view class="w25">1</view>
  145 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  146 + <view class="w25">￥50.00</view>
  147 + <view class="w25 red">￥50.00</view>
  148 + </view>
  149 + <view class="flex ai-center pdb10">
  150 + <view class="w25">1</view>
  151 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  152 + <view class="w25">￥50.00</view>
  153 + <view class="w25 red">￥50.00</view>
  154 + </view>
  155 + <view class="flex ai-center pdb10">
  156 + <view class="w25">1</view>
  157 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  158 + <view class="w25">￥50.00</view>
  159 + <view class="w25 red">￥50.00</view>
  160 + </view>
  161 + <view class="flex ai-center pdb10">
  162 + <view class="w25">1</view>
  163 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  164 + <view class="w25">￥50.00</view>
  165 + <view class="w25 red">￥50.00</view>
  166 + </view>
  167 + <view class="flex ai-center pdb10">
  168 + <view class="w25">1</view>
  169 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  170 + <view class="w25">￥50.00</view>
  171 + <view class="w25 red">￥50.00</view>
  172 + </view>
  173 + <view class="flex ai-center pdb10">
  174 + <view class="w25">1</view>
  175 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  176 + <view class="w25">￥50.00</view>
  177 + <view class="w25 red">￥50.00</view>
  178 + </view>
  179 + <view class="flex ai-center pdb10">
  180 + <view class="w25">1</view>
  181 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  182 + <view class="w25">￥50.00</view>
  183 + <view class="w25 red">￥50.00</view>
  184 + </view>
  185 + <view class="flex ai-center pdb10">
  186 + <view class="w25">1</view>
  187 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  188 + <view class="w25">￥50.00</view>
  189 + <view class="w25 red">￥50.00</view>
  190 + </view>
  191 + <view class="flex ai-center pdb10">
  192 + <view class="w25">1</view>
  193 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  194 + <view class="w25">￥50.00</view>
  195 + <view class="w25 red">￥50.00</view>
  196 + </view>
  197 + <view class="flex ai-center pdb10">
  198 + <view class="w25">1</view>
  199 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  200 + <view class="w25">￥50.00</view>
  201 + <view class="w25 red">￥50.00</view>
  202 + </view>
  203 + </view>
  204 + </view>
  205 + </view>
  206 + </block>
  207 + <!-- 优惠促销 -->
  208 + <block wx:if="{{currentIndex2 == 2}}">
  209 + <view class="pdv20 dash-b">
  210 + <view class="popup-title2 fs28">参与对象</view>
  211 + <view class="flex ai-center t-c fs28 pdv20">
  212 + <view class="w50"><radio disabled/>全部商品</view>
  213 + <view class="w50"><radio checked="true" disabled/>指定商品</view>
  214 + </view>
  215 + <view class="fs28">
  216 + <view class="flex t-c bold pdv10">
  217 + <view class="w25">序号</view>
  218 + <view class="w25">商品信息</view>
  219 + <view class="w25">手店价</view>
  220 + <view class="w25">操作</view>
  221 + </view>
  222 + <view class="t-c">
  223 + <view class="flex ai-center pdb10">
  224 + <view class="w25">1</view>
  225 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  226 + <view class="w25">￥50/￥40</view>
  227 + <view class="w25"><text class="btn-share">分享</text></view>
  228 + </view>
  229 + <view class="flex ai-center pdb10">
  230 + <view class="w25">1</view>
  231 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  232 + <view class="w25">￥50/￥40</view>
  233 + <view class="w25"><text class="btn-share">分享</text></view>
  234 + </view>
  235 + <view class="flex ai-center pdb10">
  236 + <view class="w25">1</view>
  237 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  238 + <view class="w25">￥50/￥40</view>
  239 + <view class="w25"><text class="btn-share">分享</text></view>
  240 + </view>
  241 + <view class="flex ai-center pdb10">
  242 + <view class="w25">1</view>
  243 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  244 + <view class="w25">￥50/￥40</view>
  245 + <view class="w25"><text class="btn-share">分享</text></view>
  246 + </view>
  247 + <view class="flex ai-center pdb10">
  248 + <view class="w25">1</view>
  249 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  250 + <view class="w25">￥50/￥40</view>
  251 + <view class="w25"><text class="btn-share">分享</text></view>
  252 + </view>
  253 + <view class="flex ai-center pdb10">
  254 + <view class="w25">1</view>
  255 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  256 + <view class="w25">￥50/￥40</view>
  257 + <view class="w25"><text class="btn-share">分享</text></view>
  258 + </view>
  259 + <view class="flex ai-center pdb10">
  260 + <view class="w25">1</view>
  261 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  262 + <view class="w25">￥50/￥40</view>
  263 + <view class="w25"><text class="btn-share">分享</text></view>
  264 + </view>
  265 + <view class="flex ai-center pdb10">
  266 + <view class="w25">1</view>
  267 + <view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
  268 + <view class="w25">￥50/￥40</view>
  269 + <view class="w25"><text class="btn-share">分享</text></view>
  270 + </view>
  271 + </view>
  272 + </view>
  273 + </view>
  274 + <view class="pdv20">
  275 + <view class="popup-title2 fs28">活动详情</view>
  276 + <view class="fs28">
  277 + <view class="pdv10">需购买：50元/件</view>
  278 + <view class="pdl20">
  279 + <view class="flex pdb20">
  280 + <view class="w50"><radio disabled/>减现金 <text class="red">-100</text></view>
  281 + <view class="w50"><radio checked="true" disabled/>打折 <text class="red">90%</text></view>
  282 + </view>
  283 + <view class="flex pdb20">
  284 + <view class="w50"><radio disabled/>包邮</view>
  285 + <view class="w50"><radio disabled/>积分 <text class="red">90</text></view>
  286 + </view>
  287 + <view class="pdb20"><radio disabled/>优惠券</view>
  288 + <view class="pdb20"><radio disabled/>赠品</view>
  289 + <view><radio disabled/>礼包</view>
  290 + </view>
  291 + </view>
  292 + </view>
  293 + </block>
  294 + </view>
  295 + <view class="popup-btn t-c"><text class="iconfont icon-close" bindtap="closePopup"></text></view>
  296 + </view>
  297 + </view>
  298 +</view>
  299 +
packageA/pages/activity_share/activity_share.wxss 0 → 100644
  View file @cfe045e
  1 +/* packageA//pages/goods_share/goods_share.wxss */
  2 +.red {
  3 + color: #FE6867;
  4 +}
  5 +.gray {
  6 + color: #7b7b7b;
  7 +}
  8 +.w25 {
  9 + width: 25%;
  10 +}
  11 +.w50 {
  12 + width: 50%;
  13 +}
  14 +.w164 {
  15 + width: 164rpx;
  16 +}
  17 +.bold {
  18 + font-weight: bold;
  19 +}
  20 +page {
  21 + background-color: #f2f2f2;
  22 + height: 100%;
  23 +}
  24 +.container {
  25 + background-color: white;
  26 + height: 100%;
  27 +}
  28 +.search-container {
  29 + display: flex;
  30 + padding: 26rpx 20rpx;
  31 + border-bottom: 2rpx solid #f8f8f8;
  32 +}
  33 +.input-container {
  34 + flex: 1;
  35 + border-radius: 6rpx 0 0 6rpx;
  36 + overflow: hidden;
  37 +}
  38 +.search {
  39 + background-color: #f0f0f0;
  40 + padding: 10rpx 20rpx;
  41 + font-size: 28rpx;
  42 +}
  43 +.btn-search {
  44 + background-color: #FE6867;
  45 + color: white;
  46 + padding: 0 30rpx;
  47 + display: flex;
  48 + align-items: center;
  49 + border-radius: 0 6rpx 6rpx 0;
  50 +}
  51 +.title {
  52 + display: flex;
  53 + font-size: 30rpx;
  54 + border-bottom: 2rpx solid #f8f8f8;
  55 +}
  56 +.title .iconfont {
  57 + color: #ccc;
  58 + font-size: 16rpx;
  59 + margin-left: 8rpx;
  60 +}
  61 +.title-item {
  62 + width: 25%;
  63 + box-sizing: border-box;
  64 + text-align: center;
  65 + padding: 20rpx;
  66 + position: relative;
  67 +}
  68 +.title-item.active {
  69 + color: #FE6867;
  70 + font-weight: bold;
  71 +}
  72 +.title-item.active:after {
  73 + content:'';
  74 + position: absolute;
  75 + width: 50%;
  76 + height: 4rpx;
  77 + background-color: #FE6867;
  78 + left: 0;
  79 + right: 0;
  80 + bottom: 0;
  81 + margin: 0 auto;
  82 +}
  83 +.list-container {
  84 + height: calc(100% - 118rpx);
  85 +}
  86 +.list {
  87 + box-sizing: border-box;
  88 + height: calc(100% - 82rpx);
  89 + background-color: #f2f2f2;
  90 + padding-bottom: 102rpx;
  91 +}
  92 +.list.active1 {
  93 + height: calc(100% - 82rpx - 78rpx);
  94 + padding-bottom: 0;
  95 +}
  96 +.list.active2 {
  97 + padding-bottom: 0;
  98 +}
  99 +.list-item {
  100 + display: flex;
  101 + padding: 20rpx;
  102 + border-bottom: 2rpx solid #f8f8f8;
  103 + background-color: white;
  104 +}
  105 +.img-container {
  106 + background-color: #f0f0f0;
  107 + width: 280rpx;
  108 + height: 248rpx;
  109 + display: flex;
  110 + align-items: center;
  111 + justify-content: center;
  112 +}
  113 +.img-container:after {
  114 + font-family: iconfont;
  115 + content: '\e8c1';
  116 + color: #bbb;
  117 + font-size: 80rpx;
  118 +}
  119 +.details {
  120 + flex: 1;
  121 + padding-left: 20rpx;
  122 +}
  123 +.btn-share {
  124 + box-sizing: border-box;
  125 + display: inline-block;
  126 + background-color: #FE6867;
  127 + color: white;
  128 + padding: 8rpx 30rpx;
  129 + border-radius: 6rpx;
  130 + text-align: center;
  131 +}
  132 +.pdt14 {
  133 + padding-top: 14rpx;
  134 +}
  135 +.pdtb6 {
  136 + padding-top: 6rpx;
  137 + padding-bottom: 6rpx;
  138 +}
  139 +.pdtb8 {
  140 + padding-top: 8rpx;
  141 + padding-bottom: 8rpx;
  142 +}
  143 +.pdl20 {
  144 + padding-left: 104rpx;
  145 +}
  146 +
  147 +
  148 +.no-more {
  149 + line-height: 3;
  150 + color: #ccc;
  151 + /* background-color: #f2f2f2; */
  152 +}
  153 +.nodata {
  154 + text-align: center;
  155 + background-color: #f2f2f2;
  156 +}
  157 +.progress-container {
  158 + width: 55%;
  159 + padding-right: 10rpx;
  160 + position: relative;
  161 + text-align: center;
  162 +}
  163 +.retail {
  164 + color: #7b7b7b;
  165 + text-decoration: line-through;
  166 + font-size: 22rpx;
  167 + padding-left: 20rpx;
  168 +}
  169 +.name {
  170 + height: 76rpx;
  171 + overflow: hidden;
  172 +}
  173 +
  174 +.percent {
  175 + position: absolute;
  176 + top: 0;
  177 + bottom: 0;
  178 + left: 0;
  179 + right: 0;
  180 + margin: auto;
  181 + color: white;
  182 +}
  183 +.tabbar {
  184 + position: fixed;
  185 + width: 100%;
  186 + bottom: 0;
  187 + background-color: white;
  188 +}
  189 +.tabbar:after {
  190 + position: absolute;
  191 + content: '';
  192 + width: 2rpx;
  193 + height: 50%;
  194 + top: 0;
  195 + bottom: 0;
  196 + left: 0;
  197 + right: 0;
  198 + margin: auto;
  199 + background-color: #f0f0f0;
  200 +}
  201 +.tabbar-item {
  202 + width: 50%;
  203 + text-align: center;
  204 + padding-top: 30rpx;
  205 + padding-bottom: 30rpx;
  206 +}
  207 +.tabbar-item .iconfont {
  208 + margin-right: 10rpx;
  209 +}
  210 +.tabbar-item.active {
  211 + color: #FE6867;
  212 +}
  213 +
  214 +
  215 +.group-type,
  216 +.group-num {
  217 + position: relative;
  218 + font-size: 22rpx;
  219 +}
  220 +.group-type:before,
  221 +.group-num:before {
  222 + font-family: iconfont;
  223 +}
  224 +.group-type:before {
  225 + content: '\e66a';
  226 + color: white;
  227 + background-color: #FE6867;
  228 + position: absolute;
  229 + left: 0;
  230 + top: 0;
  231 + bottom: 0;
  232 + padding-left: 6rpx;
  233 + padding-right: 10rpx;
  234 + line-height: 30rpx;
  235 +}
  236 +.group-num:before {
  237 + padding-right: 6rpx;
  238 +}
  239 +.group-num:before {
  240 + content: '\e694';
  241 + position: relative;
  242 +}
  243 +.group-num {
  244 + color: white;
  245 + background-color: #FE6867;
  246 + border-radius: 34rpx;
  247 + padding-left: 10rpx;
  248 + padding-right: 10rpx;
  249 + margin-right: 14rpx;
  250 +}
  251 +.group-type {
  252 + color: #FE6867;
  253 + border: 2rpx solid #FE6867;
  254 + padding-left: 42rpx;
  255 + padding-right: 4rpx;
  256 + border-radius: 6rpx;
  257 +}
  258 +
  259 +.badge {
  260 + color: white;
  261 + padding: 0 20rpx;
  262 + border-radius: 6rpx;
  263 + background-color: #FE6867;
  264 + margin-right: 10rpx;
  265 +}
  266 +
  267 +.subTab-title {
  268 + text-align: center;
  269 + justify-content: center;
  270 + align-items: center;
  271 + font-size: 28rpx;
  272 +}
  273 +.subTab-list {
  274 + padding: 20rpx;
  275 +}
  276 +.subTab-titleItem {
  277 + box-sizing: border-box;
  278 + width: calc(100% / 3);
  279 + padding: 20rpx 40rpx;
  280 + background-color: white;
  281 + border-right: 2rpx solid #f8f8f8;
  282 +}
  283 +.subTab-titleItem:last-child {
  284 + border-right: none;
  285 +}
  286 +.subTab-titleItem.active {
  287 + background-color: #FE6867;
  288 + color: white;
  289 +}
  290 +.subTab-item {
  291 + padding: 20rpx;
  292 + border-bottom: 2rpx solid #f8f8f8;
  293 + background-color: white;
  294 + border-radius: 8rpx;
  295 + box-shadow: 0 8px 12px #e7e9eb;
  296 +}
  297 +.subTab-item ~ .subTab-item {
  298 + margin-top: 20rpx;
  299 +}
  300 +.pdv10 {
  301 + padding-top: 10rpx;
  302 + padding-bottom: 10rpx;
  303 +}
  304 +.pdv20 {
  305 + padding-top: 20rpx;
  306 + padding-bottom: 20rpx;
  307 +}
  308 +.pdb10 {
  309 + padding-bottom: 10rpx;
  310 +}
  311 +.pdb20 {
  312 + padding-bottom: 20rpx;
  313 +}
  314 +.bdr-b {
  315 + border-bottom: 2rpx solid #f8f8f8;
  316 +}
  317 +.dash-b {
  318 + border-bottom: 2rpx dashed #ddd;
  319 +}
  320 +.btn-container {
  321 + display: flex;
  322 + align-items: flex-end;
  323 + font-size: 26rpx;
  324 +}
  325 +
  326 +
  327 +.popup-container {
  328 + content:'';
  329 + position: fixed;
  330 + top: 0;
  331 + bottom: 0;
  332 + left: 0;
  333 + right: 0;
  334 + z-index: 3;
  335 + background-color: rgba(0,0,0,.6);
  336 + display: flex;
  337 + align-items: center;
  338 + justify-content: center;
  339 +}
  340 +.popup {
  341 + width: 90%;
  342 +}
  343 +.popup-content {
  344 + box-sizing: border-box;
  345 + width: 100%;
  346 + background-color: white;
  347 + padding: 0 20rpx;
  348 + border-radius: 10rpx;
  349 + max-height: 1038rpx;
  350 +}
  351 +.icon-close {
  352 + font-size: 60rpx;
  353 + color: white;
  354 +}
  355 +.popup-btn {
  356 + padding-top: 30rpx;
  357 +}
  358 +
  359 +.popup-title {
  360 + /* font-size: 28rpx; */
  361 + font-weight: bold;
  362 + padding: 20rpx 0;
  363 +}
  364 +.popup-title2 {
  365 + /* padding: 10rpx 0; */
  366 + padding-bottom: 8rpx;
  367 +}
  368 +.popup-title3 {
  369 + padding-left: 34rpx;
  370 + font-size: 30rpx;
  371 +}
  372 +.popup-list {
  373 + max-height: 602rpx;
  374 + overflow-y: auto;
  375 +}
  376 +
  377 +
  378 +radio .wx-radio-input {
  379 + width: 28rpx;
  380 + height: 28rpx;
  381 +}
  382 +
  383 +
  384 +radio .wx-radio-input.wx-radio-input-checked {
  385 + background-color: #FE6867;
  386 + border-color: #FE6867;
  387 +}
  388 +radio .wx-radio-input.wx-radio-input-checked::before{
  389 + color: white;
  390 +}
  391 +
  392 +.popup-content.active {
  393 + max-height: 982rpx;
  394 + overflow: auto;
  395 +}
  396 +
  397 +
packageA/pages/addCustomer/addCustomer.js 0 → 100644
  View file @cfe045e
  1 +// packageA//pages/quan/quan.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
0 \ No newline at end of file 67 \ No newline at end of file
packageA/pages/addCustomer/addCustomer.json 0 → 100644
  View file @cfe045e
  1 +{
  2 + "usingComponents": {},
  3 + "enablePullDownRefresh": false
  4 +}
0 \ No newline at end of file 5 \ No newline at end of file
packageA/pages/addCustomer/addCustomer.wxml 0 → 100644
  View file @cfe045e
  1 +<view class="container">
  2 + <view class="panel t-c">
  3 + <view class="avatar"></view>
  4 + <view class="nickname">微信昵称</view>
  5 + <view class="gray">hello，我是您的专属顾问</view>
  6 + <view class="gray">扫描下方二维码，加我微信吧~</view>
  7 + <view class="qrcode"></view>
  8 + </view>
  9 + <view class="flex bottom t-c gray pdv10">
  10 + <view class="w50">
  11 + <image src="../../images/wx.png" class="wx"></image>
  12 + <view class="fs26">发给客户</view>
  13 + </view>
  14 + <view class="w50 save">
  15 + <text class="iconfont icon-save"></text>
  16 + <view class="fs26 mgt12">保存图片</view>
  17 + </view>
  18 + </view>
  19 +</view>
0 \ No newline at end of file 20 \ No newline at end of file
packageA/pages/addCustomer/addCustomer.wxss 0 → 100644
  View file @cfe045e
  1 +/* packageA//pages/goods_share/goods_share.wxss */
  2 +.red {
  3 + color: #FE6867;
  4 +}
  5 +.gray {
  6 + color: #7b7b7b;
  7 +}
  8 +.w25 {
  9 + width: 25%;
  10 +}
  11 +.w50 {
  12 + width: 50%;
  13 +}
  14 +.w164 {
  15 + width: 164rpx;
  16 +}
  17 +.bold {
  18 + font-weight: bold;
  19 +}
  20 +.mgt12 {
  21 + margin-top: 12rpx;
  22 +}
  23 +page,
  24 +.container {
  25 + /* background-color: #f2f2f2; */
  26 + height: 100%;
  27 + background-color: pink;
  28 +}
  29 +.container {
  30 + /* background-color: white; */
  31 + /* position: fixed;
  32 + width: 100%;
  33 + bottom: 0; */
  34 + box-sizing: border-box;
  35 + padding: 160rpx 40rpx 0;
  36 + background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
  37 + /* padding-bottom: 128rpx; */
  38 +}
  39 +.search-container {
  40 + display: flex;
  41 + padding: 26rpx 20rpx;
  42 + border-bottom: 2rpx solid #f8f8f8;
  43 +}
  44 +.input-container {
  45 + flex: 1;
  46 + border-radius: 6rpx 0 0 6rpx;
  47 + overflow: hidden;
  48 +}
  49 +.search {
  50 + background-color: #f0f0f0;
  51 + padding: 10rpx 20rpx;
  52 + font-size: 28rpx;
  53 +}
  54 +.btn-search {
  55 + background-color: #FE6867;
  56 + color: white;
  57 + padding: 0 30rpx;
  58 + display: flex;
  59 + align-items: center;
  60 + border-radius: 0 6rpx 6rpx 0;
  61 +}
  62 +.title {
  63 + display: flex;
  64 + font-size: 30rpx;
  65 + border-bottom: 2rpx solid #f8f8f8;
  66 +}
  67 +.title .iconfont {
  68 + color: #ccc;
  69 + font-size: 16rpx;
  70 + margin-left: 8rpx;
  71 +}
  72 +.title-item {
  73 + width: 25%;
  74 + box-sizing: border-box;
  75 + text-align: center;
  76 + padding: 20rpx;
  77 + position: relative;
  78 +}
  79 +.title-item.active {
  80 + color: #FE6867;
  81 + font-weight: bold;
  82 +}
  83 +.title-item.active:after {
  84 + content:'';
  85 + position: absolute;
  86 + width: 50%;
  87 + height: 4rpx;
  88 + background-color: #FE6867;
  89 + left: 0;
  90 + right: 0;
  91 + bottom: 0;
  92 + margin: 0 auto;
  93 +}
  94 +.list-container {
  95 + height: calc(100% - 118rpx);
  96 +}
  97 +.list {
  98 + box-sizing: border-box;
  99 + height: calc(100% - 82rpx);
  100 + background-color: #f2f2f2;
  101 + /* padding-bottom: 102rpx; */
  102 +}
  103 +.list.active1 {
  104 + height: calc(100% - 82rpx - 78rpx);
  105 + padding-bottom: 0;
  106 +}
  107 +.list.active2 {
  108 + padding-bottom: 0;
  109 +}
  110 +.list-item {
  111 + display: flex;
  112 + padding: 20rpx;
  113 + border-bottom: 2rpx solid #f8f8f8;
  114 + background-color: white;
  115 +}
  116 +.img-container {
  117 + background-color: #f0f0f0;
  118 + width: 280rpx;
  119 + height: 248rpx;
  120 + display: flex;
  121 + align-items: center;
  122 + justify-content: center;
  123 + position: relative;
  124 +}
  125 +.img-container:after {
  126 + font-family: iconfont;
  127 + content: '\e8c1';
  128 + color: #bbb;
  129 + font-size: 80rpx;
  130 +}
  131 +
  132 +
  133 +.img-container.live:before {
  134 + content: '\e664';
  135 +}
  136 +.img-container.coming:before {
  137 + content: '\e608';
  138 +}
  139 +.img-container.playback:before {
  140 + content: '\e603';
  141 +}
  142 +.img-container.live:before,
  143 +.img-container.coming:before,
  144 +.img-container.playback:before {
  145 + font-family: iconfont;
  146 + background-color: #FE6867;
  147 + color: white;
  148 + width: 50rpx;
  149 + height: 50rpx;
  150 + line-height: 50rpx;
  151 + text-align: center;
  152 + border-radius: 50%;
  153 + position: absolute;
  154 + left: 10rpx;
  155 + top: 10rpx;
  156 +}
  157 +.details {
  158 + flex: 1;
  159 + padding-left: 20rpx;
  160 +}
  161 +.btn-share {
  162 + box-sizing: border-box;
  163 + display: inline-block;
  164 + background-color: #FE6867;
  165 + color: white;
  166 + padding: 8rpx 30rpx;
  167 + border-radius: 6rpx;
  168 + text-align: center;
  169 +}
  170 +.pdt10 {
  171 + padding-top: 10rpx;
  172 +}
  173 +.pdt14 {
  174 + padding-top: 14rpx;
  175 +}
  176 +.pdtb6 {
  177 + padding-top: 6rpx;
  178 + padding-bottom: 6rpx;
  179 +}
  180 +.pdtb8 {
  181 + padding-top: 8rpx;
  182 + padding-bottom: 8rpx;
  183 +}
  184 +.pdl20 {
  185 + padding-left: 104rpx;
  186 +}
  187 +
  188 +
  189 +.no-more {
  190 + line-height: 3;
  191 + color: #ccc;
  192 + /* background-color: #f2f2f2; */
  193 +}
  194 +.nodata {
  195 + text-align: center;
  196 + background-color: #f2f2f2;
  197 +}
  198 +.progress-container {
  199 + width: 55%;
  200 + padding-right: 10rpx;
  201 + position: relative;
  202 + text-align: center;
  203 +}
  204 +.retail {
  205 + color: #7b7b7b;
  206 + text-decoration: line-through;
  207 + font-size: 22rpx;
  208 + padding-left: 20rpx;
  209 +}
  210 +.name {
  211 + height: 76rpx;
  212 + overflow: hidden;
  213 +}
  214 +
  215 +.percent {
  216 + position: absolute;
  217 + top: 0;
  218 + bottom: 0;
  219 + left: 0;
  220 + right: 0;
  221 + margin: auto;
  222 + color: white;
  223 +}
  224 +.tabbar {
  225 + position: fixed;
  226 + width: 100%;
  227 + bottom: 0;
  228 + background-color: white;
  229 +}
  230 +.tabbar:after {
  231 + position: absolute;
  232 + content: '';
  233 + width: 2rpx;
  234 + height: 50%;
  235 + top: 0;
  236 + bottom: 0;
  237 + left: 0;
  238 + right: 0;
  239 + margin: auto;
  240 + background-color: #f0f0f0;
  241 +}
  242 +.tabbar-item {
  243 + width: 50%;
  244 + text-align: center;
  245 + padding-top: 30rpx;
  246 + padding-bottom: 30rpx;
  247 +}
  248 +.tabbar-item .iconfont {
  249 + margin-right: 10rpx;
  250 +}
  251 +.tabbar-item.active {
  252 + color: #FE6867;
  253 +}
  254 +
  255 +
  256 +.group-type,
  257 +.group-num {
  258 + position: relative;
  259 + font-size: 22rpx;
  260 +}
  261 +.group-type:before,
  262 +.group-num:before {
  263 + font-family: iconfont;
  264 +}
  265 +.group-type:before {
  266 + content: '\e66a';
  267 + color: white;
  268 + background-color: #FE6867;
  269 + position: absolute;
  270 + left: 0;
  271 + top: 0;
  272 + bottom: 0;
  273 + padding-left: 6rpx;
  274 + padding-right: 10rpx;
  275 + line-height: 30rpx;
  276 +}
  277 +.group-num:before {
  278 + padding-right: 6rpx;
  279 +}
  280 +.group-num:before {
  281 + content: '\e694';
  282 + position: relative;
  283 +}
  284 +.group-num {
  285 + color: white;
  286 + background-color: #FE6867;
  287 + border-radius: 34rpx;
  288 + padding-left: 10rpx;
  289 + padding-right: 10rpx;
  290 + margin-right: 14rpx;
  291 +}
  292 +.group-type {
  293 + color: #FE6867;
  294 + border: 2rpx solid #FE6867;
  295 + padding-left: 42rpx;
  296 + padding-right: 4rpx;
  297 + border-radius: 6rpx;
  298 +}
  299 +
  300 +.badge {
  301 + color: white;
  302 + padding: 0 20rpx;
  303 + border-radius: 6rpx;
  304 + background-color: #FE6867;
  305 + margin-right: 10rpx;
  306 +}
  307 +
  308 +.subTab-title {
  309 + text-align: center;
  310 + justify-content: center;
  311 + align-items: center;
  312 + font-size: 28rpx;
  313 +}
  314 +.subTab-list {
  315 + padding: 20rpx;
  316 +}
  317 +.subTab-titleItem {
  318 + box-sizing: border-box;
  319 + width: calc(100% / 3);
  320 + padding: 20rpx 40rpx;
  321 + background-color: white;
  322 + border-right: 2rpx solid #f8f8f8;
  323 +}
  324 +.subTab-titleItem:last-child {
  325 + border-right: none;
  326 +}
  327 +.subTab-titleItem.active {
  328 + background-color: #FE6867;
  329 + color: white;
  330 +}
  331 +.subTab-item {
  332 + padding: 20rpx;
  333 + border-bottom: 2rpx solid #f8f8f8;
  334 + background-color: white;
  335 + border-radius: 8rpx;
  336 + box-shadow: 0 8px 12px #e7e9eb;
  337 +}
  338 +.subTab-item ~ .subTab-item {
  339 + margin-top: 20rpx;
  340 +}
  341 +.pdv10 {
  342 + padding-top: 10rpx;
  343 + padding-bottom: 10rpx;
  344 +}
  345 +.pdv20 {
  346 + padding-top: 20rpx;
  347 + padding-bottom: 20rpx;
  348 +}
  349 +.pdb10 {
  350 + padding-bottom: 10rpx;
  351 +}
  352 +.pdb20 {
  353 + padding-bottom: 20rpx;
  354 +}
  355 +.bdr-b {
  356 + border-bottom: 2rpx solid #f8f8f8;
  357 +}
  358 +.dash-b {
  359 + border-bottom: 2rpx dashed #ddd;
  360 +}
  361 +.btn-container {
  362 + display: flex;
  363 + align-items: flex-end;
  364 + font-size: 26rpx;
  365 +}
  366 +
  367 +
  368 +/* .popup-container {
  369 + content:'';
  370 + position: fixed;
  371 + top: 0;
  372 + bottom: 0;
  373 + left: 0;
  374 + right: 0;
  375 + z-index: 3;
  376 + background-color: rgba(0,0,0,.6);
  377 + display: flex;
  378 + align-items: center;
  379 + justify-content: center;
  380 +}
  381 +.popup {
  382 + width: 90%;
  383 +}
  384 +.popup-content {
  385 + box-sizing: border-box;
  386 + width: 100%;
  387 + background-color: white;
  388 + padding: 0 20rpx;
  389 + border-radius: 10rpx;
  390 + max-height: 1038rpx;
  391 +}
  392 +.icon-close {
  393 + font-size: 60rpx;
  394 + color: white;
  395 +}
  396 +.popup-btn {
  397 + padding-top: 30rpx;
  398 +}
  399 +
  400 +.popup-title {
  401 + /* font-size: 28rpx; */
  402 + /* font-weight: bold;
  403 + padding: 20rpx 0;
  404 +}
  405 +.popup-title2 { */
  406 + /* padding: 10rpx 0; */
  407 + /* padding-bottom: 8rpx;
  408 +}
  409 +.popup-title3 {
  410 + padding-left: 34rpx;
  411 + font-size: 30rpx;
  412 +}
  413 +.popup-list {
  414 + max-height: 602rpx;
  415 + overflow-y: auto;
  416 +}
  417 +
  418 +
  419 +radio .wx-radio-input {
  420 + width: 28rpx;
  421 + height: 28rpx;
  422 +}
  423 +
  424 +
  425 +radio .wx-radio-input.wx-radio-input-checked {
  426 + background-color: #FE6867;
  427 + border-color: #FE6867;
  428 +}
  429 +radio .wx-radio-input.wx-radio-input-checked::before{
  430 + color: white;
  431 +}
  432 +
  433 +.popup-content.active {
  434 + max-height: 982rpx;
  435 + overflow: auto;
  436 +} */
  437 +
  438 +.panel {
  439 + box-sizing: border-box;
  440 + background-color: white;
  441 + height: 100%;
  442 + border-radius: 16rpx;
  443 + position: relative;
  444 + padding-top: 140rpx;
  445 + box-shadow: 0 8px 12px #ccc;
  446 +}
  447 +.avatar {
  448 + width: 220rpx;
  449 + height: 220rpx;
  450 + border-radius: 50%;
  451 + background-color: skyblue;
  452 + position: absolute;
  453 + top: -100rpx;
  454 + left: 0;
  455 + right: 0;
  456 + margin: 0 auto;
  457 +}
  458 +.nickname {
  459 + padding-bottom: 60rpx;
  460 +}
  461 +.bottom {
  462 + background-color: white;
  463 + border-top: 2rpx solid #f0f0f0;
  464 + /* box-shadow: 0 -6px 8px #e7e9eb; */
  465 + width: 100%;
  466 + position: fixed;
  467 + left: 0;
  468 + bottom: 0;
  469 +}
  470 +.wx {
  471 + width: 60rpx;
  472 + height: 60rpx;
  473 +}
  474 +.save {
  475 + box-sizing: border-box;
  476 + padding-top: 6rpx;
  477 +}
  478 +.icon-save {
  479 + font-size: 50rpx;
  480 +}
  481 +.qrcode {
  482 + width: 480rpx;
  483 + height: 480rpx;
  484 + background-color: red;
  485 + margin: 60rpx auto 0;
  486 +}
  487 +
  488 +