Commit f4a4be08fc32c9b5d9ea1112744cbb48ad934453

Authored by vking
1 parent 6288bc56

down app

// components/reserve/app/down.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
hasDisplay:false,
},
/**
* 组件的方法列表
*/
methods: {
close(){
this.setData({
hasDisplay:false,
})
},
open(){
this.setData({
hasDisplay:true,
})
},
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--components/reserve/app/down.wxml-->
<view bindtap="open">
<slot></slot>
</view>
<view class="mask flex-vc" wx:if="{{hasDisplay}}" >
<view class="app-down">
<view class="app-down-close" bindtap="close"></view>
<view class="app-down-title">下载周到安排APP 管理日程</view>
<view class="app-down-note">
<view class="li">固定入口,预订更方便</view>
<view class="li">多种方式,通知好友</view>
<view class="li">就餐提醒,避免错过行程</view>
</view>
<button open-type="contact" class="button-none app-down-but">
下载APP<text style="font-size: 28rpx;">(在客服会话回复1)</text>
</button>
</view>
</view>
\ No newline at end of file
... ...
/* components/reserve/app/down.wxss */
@import "../../../app.wxss";
.mask{
z-index: 9999999;
}
.app-down{
box-sizing: border-box;
position: relative;
width:550rpx;
height:740rpx;
background-image: url("http://nosqn.colorcun.com/web/bg-tips.png");
background-size: 100% 100%;
}
.app-down-close{
background-image: url("http://nosqn.colorcun.com/web/close.png");
background-size: 100% 100%;
width:60rpx;
height:60rpx;
position: absolute;
right:-40rpx;
top:-54rpx;
}
.app-down-title{
width:336rpx;
height:116rpx;
font-size:42rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(139,83,24,1);
line-height:58rpx;
margin: 190rpx auto 0;
text-align: center;
}
.app-down-note{
margin: 100rpx auto 0;
width: calc(100% - 120rpx);
}
.app-down-note .li{
height:42rpx;
font-size:30rpx;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(139,83,24,1);
line-height:42rpx;
padding-left: 54rpx;
position: relative;
}
.app-down-note .li:after{
content: "";
display: inline-block;
background-color:#E1B275;
width:20rpx;
height:20rpx;
transform:rotate(45deg);
position: absolute;
left:0;
top:11rpx;
}
.app-down-but{
width: 470rpx;
height: 76rpx;
margin-top: 60rpx;
margin-left: calc(50% - 235rpx);
font-size:32rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(139,83,24,1);
line-height:76rpx;
text-align: center;
background:linear-gradient(270deg,#E1B275 0%,#F6D9B1 100%);
border-radius: 38rpx;
}
\ No newline at end of file
... ...
... ... @@ -7,6 +7,7 @@
background-color: rgba(0,0,0,.5);
top:0;
left: 0;
z-index: 99999;
}
.showModal{
width: 100%;
... ...
... ... @@ -8,6 +8,7 @@
"formids":"/components/formids/formids",
"nav":"/components/nav/nav",
"card":"/components/seller-card/seller-card",
"showModal":"/components/tips/showModal/showModal"
"showModal":"/components/tips/showModal/showModal",
"app-down":"/components/reserve/app/down"
}
}
\ No newline at end of file
... ...
<!--pages/customer/list.wxml-->
<nav hasHome>周到安排</nav>
<app-down>
<view class="app-down flex-ll">
<view class="app-down-info">周到安排APP版上线啦!点击下载体验</view>
<view class="app-down-but">立即下载</view>
</view>
</app-down>
<view class="page">
<!--
<view class="tabs flex-cc">
... ...
... ... @@ -108,4 +108,31 @@
.oneHour{
color: #353535;
text-decoration : underline;
}
.app-down{
width:100%;
height:80rpx;
background:rgba(255,245,235,1);
}
.app-down-info{
height:42rpx;
font-size:30rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(221,147,79,1);
line-height:42rpx;
margin-left: 20rpx;
}
.app-down-but{
width:132rpx;
height:48rpx;
background:linear-gradient(270deg,rgba(225,178,117,1) 0%,rgba(246,217,177,1) 100%);
font-size:26rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(139,83,24,1);
line-height:48rpx;
margin-left: 40rpx;
text-align: center;
}
\ No newline at end of file
... ...
... ... @@ -521,7 +521,7 @@
"scene": null
},
{
"id": -1,
"id": 62,
"name": "pages/customer/list",
"pathName": "pages/customer/list",
"query": "hasRelaTip=1",
... ...