Commit f4a4be08fc32c9b5d9ea1112744cbb48ad934453

Authored by vking
1 parent 6288bc56

down app

  1 +// components/reserve/app/down.js
  2 +Component({
  3 + /**
  4 + * 组件的属性列表
  5 + */
  6 + properties: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 组件的初始数据
  12 + */
  13 + data: {
  14 + hasDisplay:false,
  15 + },
  16 +
  17 + /**
  18 + * 组件的方法列表
  19 + */
  20 + methods: {
  21 + close(){
  22 + this.setData({
  23 + hasDisplay:false,
  24 + })
  25 + },
  26 + open(){
  27 + this.setData({
  28 + hasDisplay:true,
  29 + })
  30 + },
  31 + }
  32 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  1 +<!--components/reserve/app/down.wxml-->
  2 +<view bindtap="open">
  3 + <slot></slot>
  4 +</view>
  5 +<view class="mask flex-vc" wx:if="{{hasDisplay}}" >
  6 + <view class="app-down">
  7 + <view class="app-down-close" bindtap="close"></view>
  8 + <view class="app-down-title">下载周到安排APP 管理日程</view>
  9 + <view class="app-down-note">
  10 + <view class="li">固定入口,预订更方便</view>
  11 + <view class="li">多种方式,通知好友</view>
  12 + <view class="li">就餐提醒,避免错过行程</view>
  13 + </view>
  14 + <button open-type="contact" class="button-none app-down-but">
  15 + 下载APP<text style="font-size: 28rpx;">(在客服会话回复1)</text>
  16 + </button>
  17 + </view>
  18 +</view>
  1 +/* components/reserve/app/down.wxss */
  2 +@import "../../../app.wxss";
  3 +.mask{
  4 + z-index: 9999999;
  5 +}
  6 +.app-down{
  7 + box-sizing: border-box;
  8 + position: relative;
  9 + width:550rpx;
  10 + height:740rpx;
  11 + background-image: url("http://nosqn.colorcun.com/web/bg-tips.png");
  12 + background-size: 100% 100%;
  13 +}
  14 +.app-down-close{
  15 + background-image: url("http://nosqn.colorcun.com/web/close.png");
  16 + background-size: 100% 100%;
  17 + width:60rpx;
  18 + height:60rpx;
  19 + position: absolute;
  20 + right:-40rpx;
  21 + top:-54rpx;
  22 +}
  23 +.app-down-title{
  24 + width:336rpx;
  25 + height:116rpx;
  26 + font-size:42rpx;
  27 + font-family:PingFangSC-Medium,PingFang SC;
  28 + font-weight:500;
  29 + color:rgba(139,83,24,1);
  30 + line-height:58rpx;
  31 + margin: 190rpx auto 0;
  32 + text-align: center;
  33 +}
  34 +.app-down-note{
  35 + margin: 100rpx auto 0;
  36 + width: calc(100% - 120rpx);
  37 +}
  38 +.app-down-note .li{
  39 + height:42rpx;
  40 + font-size:30rpx;
  41 + font-family:PingFangSC-Regular,PingFang SC;
  42 + font-weight:400;
  43 + color:rgba(139,83,24,1);
  44 + line-height:42rpx;
  45 + padding-left: 54rpx;
  46 + position: relative;
  47 +}
  48 +.app-down-note .li:after{
  49 + content: "";
  50 + display: inline-block;
  51 + background-color:#E1B275;
  52 + width:20rpx;
  53 + height:20rpx;
  54 + transform:rotate(45deg);
  55 + position: absolute;
  56 + left:0;
  57 + top:11rpx;
  58 +}
  59 +.app-down-but{
  60 + width: 470rpx;
  61 + height: 76rpx;
  62 + margin-top: 60rpx;
  63 + margin-left: calc(50% - 235rpx);
  64 +
  65 + font-size:32rpx;
  66 + font-family:PingFangSC-Medium,PingFang SC;
  67 + font-weight:500;
  68 + color:rgba(139,83,24,1);
  69 + line-height:76rpx;
  70 + text-align: center;
  71 +
  72 + background:linear-gradient(270deg,#E1B275 0%,#F6D9B1 100%);
  73 + border-radius: 38rpx;
  74 +}
@@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
7 background-color: rgba(0,0,0,.5); 7 background-color: rgba(0,0,0,.5);
8 top:0; 8 top:0;
9 left: 0; 9 left: 0;
  10 + z-index: 99999;
10 } 11 }
11 .showModal{ 12 .showModal{
12 width: 100%; 13 width: 100%;
@@ -8,6 +8,7 @@ @@ -8,6 +8,7 @@
8 "formids":"/components/formids/formids", 8 "formids":"/components/formids/formids",
9 "nav":"/components/nav/nav", 9 "nav":"/components/nav/nav",
10 "card":"/components/seller-card/seller-card", 10 "card":"/components/seller-card/seller-card",
11 - "showModal":"/components/tips/showModal/showModal" 11 + "showModal":"/components/tips/showModal/showModal",
  12 + "app-down":"/components/reserve/app/down"
12 } 13 }
13 } 14 }
1 <!--pages/customer/list.wxml--> 1 <!--pages/customer/list.wxml-->
2 <nav hasHome>周到安排</nav> 2 <nav hasHome>周到安排</nav>
  3 +<app-down>
  4 + <view class="app-down flex-ll">
  5 + <view class="app-down-info">周到安排APP版上线啦!点击下载体验</view>
  6 + <view class="app-down-but">立即下载</view>
  7 + </view>
  8 +</app-down>
3 <view class="page"> 9 <view class="page">
4 <!-- 10 <!--
5 <view class="tabs flex-cc"> 11 <view class="tabs flex-cc">
@@ -108,4 +108,31 @@ @@ -108,4 +108,31 @@
108 .oneHour{ 108 .oneHour{
109 color: #353535; 109 color: #353535;
110 text-decoration : underline; 110 text-decoration : underline;
  111 +}
  112 +.app-down{
  113 + width:100%;
  114 + height:80rpx;
  115 + background:rgba(255,245,235,1);
  116 +}
  117 +.app-down-info{
  118 + height:42rpx;
  119 + font-size:30rpx;
  120 + font-family:PingFangSC-Medium,PingFang SC;
  121 + font-weight:500;
  122 + color:rgba(221,147,79,1);
  123 + line-height:42rpx;
  124 + margin-left: 20rpx;
  125 +}
  126 +.app-down-but{
  127 + width:132rpx;
  128 + height:48rpx;
  129 + background:linear-gradient(270deg,rgba(225,178,117,1) 0%,rgba(246,217,177,1) 100%);
  130 +
  131 + font-size:26rpx;
  132 + font-family:PingFangSC-Medium,PingFang SC;
  133 + font-weight:500;
  134 + color:rgba(139,83,24,1);
  135 + line-height:48rpx;
  136 + margin-left: 40rpx;
  137 + text-align: center;
111 } 138 }
@@ -521,7 +521,7 @@ @@ -521,7 +521,7 @@
521 "scene": null 521 "scene": null
522 }, 522 },
523 { 523 {
524 - "id": -1, 524 + "id": 62,
525 "name": "pages/customer/list", 525 "name": "pages/customer/list",
526 "pathName": "pages/customer/list", 526 "pathName": "pages/customer/list",
527 "query": "hasRelaTip=1", 527 "query": "hasRelaTip=1",