xt / xcx-book · Commits

Go to a project

Commit 09af7df4ee82dea8ff5b9146cff1c5f2de21754b

Authored by wangfan
1 parent bae08061
build: skipped

manager-invitation

Inline Side-by-side
Showing 8 changed files with 247 additions and 214 deletions
... ... @@ -6,12 +6,14 @@
<view class="text">通知客户</view>
</view>
</formids>
<!--
<formids class="item flex-vc" bindtap="redirectTo" data-url="/pages/manager-invitation/crm/index">
<view class="flex-vc {{pi==1?'checked':''}}">
<view class="icon book"></view>
<view class="text">我的客户</view>
</view>
</formids>
-->
<formids class="item flex-vc" bindtap="redirectTo" data-url="/pages/manager-invitation/setting/index">
<view class="flex-vc {{pi==2?'checked':''}}">
<view class="icon setting"></view>
... ... @@ -19,4 +21,3 @@
</view>
</formids>
</view>
<view class="tabBar-block"></view>
... ...
/* components/book/tabBar/tabBar.wxss */
@import "../../../app.wxss";
.tabBar{
height: 118rpx;
height: 98rpx;
background-color: rgba(0,0,0,.7);
width:100%;
position: fixed;
bottom: 0;
font-size: 24rpx;
font-size: 20rpx;
color:#999999;
z-index: 9;
}
.tabBar-block{
height: 118rpx;
height: 98rpx;
width: 100%;
}
.tabBar .checked{
color: #199095;
color: #C0A369;
}
.tabBar .item{
width: 33%;
width: 50%;
}
.tabBar .icon{
width: 48rpx;
height: 48rpx;
margin-bottom: 10rpx;
width: 34rpx;
height: 32rpx;
margin-bottom: 12rpx;
background-size: 100%;
}
.tabBar .icon image{
... ... @@ -31,10 +31,10 @@
height: 100%;
}
.tabBar .reserve{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-reserve.png");
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E9%80%9A%E7%9F%A5%E5%AE%A2%E6%88%B7-%E6%9C%AA%E7%82%B9%E5%87%BB.png");
}
.tabBar .checked .reserve{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-reserve-checked.png");
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E9%80%9A%E7%9F%A5%E5%AE%A2%E6%88%B7-%E7%82%B9%E5%87%BB.png");
}
.tabBar .book{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-book.png");
... ... @@ -43,14 +43,8 @@
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-book-checked.png");
}
.tabBar .setting{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-setting.png");
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E6%88%91%E7%9A%84.png");
}
.tabBar .checked .setting {
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-setting-checked.png");
}
.tabBar .board{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-boards.png");
}
.tabBar .checked .board {
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/seller-tabs2-boards-checked.png");
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E6%88%91%E7%9A%84-%E9%80%89%E4%B8%AD.png");
}
... ...
... ... @@ -13,10 +13,10 @@ Page({
current: 0,
tpls: [],
seller:{
name:'一键订示例餐厅',
room:'天香阁',
date:util.unixtoTime(new Date()/1000,'YYYY/MM/DD 星期WW HH:II'),
addr:'粤江西路啤酒文化创意艺术区B09'
name:'',
room:'',
date:'',
addr:''
},
options:{tplid:1},
hasOwner:true,//是否为发起人
... ...
... ... @@ -10,7 +10,7 @@ Page({
*/
data: {
height: 667,
current: 0,
current: 1,
tpls: TP.tpls(),
seller:{
name:'一键订示例餐厅',
... ...
... ... @@ -25,22 +25,38 @@
</view>
</view>
<nav wx:else="" backgroundColor="rgba(0,0,0,0)" style="position: fixed;"></nav>
<view class="editor flex-vc" bindtap="goEditor" wx:if="{{!options.rid}}">修改内容</view>
<!--//商务-->
<template name="tpl-1">
<view class="flex-vc shangwu" bindtap="{{options.rid?'goEditor':''}}">
<view class="invit-logo">
<image src="http://qn.colorcun.com/custom/lite-yd-cook/image/detail_owner_invitation-1-1.png"></image>
<image src="http://qn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png"></image>
<view class="quick-editor" wx:if="{{options.rid}}">修改内容</view>
</view>
<view class="shangwu-line"></view>
<view class="seller flex-vc">
<view class="title">餐厅</view>
<view class="title flex-cc">
<view class="title-left"></view>
餐厅
<view class="title-right"></view>
</view>
<view class="content name">{{name}}</view>
<view class="title">包间</view>
<view class="title flex-cc">
<view class="title-left"></view>
包间
<view class="title-right"></view>
</view>
<view class="content">{{room}}</view>
<view class="title">时间</view>
<view class="title flex-cc">
<view class="title-left"></view>
时间
<view class="title-right"></view>
</view>
<view class="content">{{date}}</view>
<view class="title">店铺地址</view>
<view class="title flex-cc">
<view class="title-left"></view>
地址
<view class="title-right"></view>
</view>
<view class="content flex-cc addr">
<image src="http://qn.colorcun.com/manager-invitation/wx/address.png" class="invit-addr"></image>
{{addr}}
... ... @@ -49,6 +65,7 @@
<userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchtap">
<view class="buts-share"></view>
</userinfo-share>
<view class="editor" bindtap="goEditor" wx:else=""></view>
</view>
</template>
... ... @@ -58,7 +75,7 @@
<view class="wenxin-bottom"></view>
<view class="flex-vc wenxin" bindtap="{{options.rid?'goEditor':''}}">
<view class="invit-logo">
<image src="http://qn.colorcun.com/manager-invitation/wx/%E6%B8%A9%E9%A6%A8-%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png"></image>
<image src="http://qn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92-%E6%B8%A9%E9%A6%A8.png"></image>
<view class="quick-editor" wx:if="{{options.rid}}">修改内容</view>
</view>
<view class="wenxin-mask">
... ... @@ -78,6 +95,7 @@
<userinfo-share class="button-none flex-vc" binduserinfo="setUserInfoSuccess" wx:if="{{options.rid}}" catchtap="catchtap">
<view class="buts-share"></view>
</userinfo-share>
<view class="editor" bindtap="goEditor" wx:else=""></view>
</view>
</template>
... ...
/* pages/manager-invitation/review.wxss */
@import "tpls.wxss";
.pages{
font-size: 200rpx;
background-size: 100%;
... ... @@ -20,188 +21,7 @@
color: #E9D9B7;
border-bottom: 2rpx solid #E9D9B7;
}
.bg-1{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-bg.png");
background-color: #353334;
color:#fefefe;
}
.bg-2{
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%BA%95%E9%83%A8.png");
background-color: #F4AFB2;
}
image{
width: 100%;
height: 100%;
}
.invit-logo{
width: 400rpx;
height: 170rpx;
position: relative;
}
.seller{
margin-top: 80rpx;
width: 100%;
}
.seller .title{
font-size: 28rpx;
color:#999999;
margin-bottom: 18rpx;
height: 40rpx;
line-height: 40rpx;
}
.seller .content{
margin-bottom: 40rpx;
font-size: 36rpx;
line-height: 50rpx;
text-align: center;
align-items:flex-start;
width: 90%;
}
.seller .content:last-child{
margin-bottom: 0;
}
.seller .addr{
width: 80%;
}
.seller .invit-addr{
width: 22rpx;
height: 28rpx;
margin-right: 10rpx;
margin-top: 14rpx;
min-width: 22rpx;
}
.editor{
position: fixed;
bottom: 50%;
height:60rpx;
right:0;
line-height: 60rpx;
font-size: 30rpx;
color: #353535;
background-color: #ECD9B7;
width: 200rpx;
}
.shangwu{
width: 100%;
}
.shangwu .seller{
margin-bottom: 152rpx;
}
.wenxin {
margin-top: 60rpx;
width: 100%;
}
.wenxin-top{
position: fixed;
top:0;
left:0;
width:100%;
height: 80rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%A1%B6%E9%83%A8%E8%8A%B1%E8%BE%B9.png");
background-size: 100%;
}
.wenxin-bottom{
position: fixed;
bottom:0;
left:0;
width:100%;
height: 64rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E8%BE%B9-%E5%BA%95%E9%83%A8.png");
background-size: 100%;
}
.wenxin .invit-logo{
width: 340rpx;
height: 184rpx;
}
.wenxin-mask{
margin-top: 10rpx;
width: 568rpx;
height: 560rpx;
position: relative;
}
.wenxin-mask-bg{
margin: 60rpx auto;
width: 468rpx;
height: 468rpx;
border-radius: 50%;
overflow: hidden;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg");
background-size: cover;
}
.wenxin-mask-img{
position: absolute;
left: 0;
top:0;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E7%8E%AF%E7%A9%BA.png");
width: 100%;
height: 560rpx;
background-size: 100%;
}
.wenxin-baitou{
margin-top: 20rpx;
width: 404rpx;
height: 42rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B0%B8%E7%BB%93%E5%90%8C%E5%BF%83-%E7%99%BD%E5%A4%B4%E5%81%95%E8%80%81.png");
}
.wenxin-line{
margin-top: 30rpx;
width: 600rpx;
height: 14rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%88%86%E5%89%B2%E5%B0%96%E5%A4%B4.png");
}
.wenxin .seller{
margin-top: 30rpx;
color:#fefefe;
}
.wenxin .seller .title{
display: none;
}
.wenxin .seller .content{
margin-bottom: 20rpx;
font-size: 36rpx;
line-height: 50rpx;
text-align: center;
align-items:flex-start;
}
.wenxin .seller .content.addr{
width: 90%;
}
.quick-editor{
background-color: #ECD9B7;
width: 120rpx;
height: 40rpx;
line-height: 40rpx;
color: #353535;
font-size: 24rpx;
position: absolute;
top:50rpx;
right:-150rpx;
text-align: center;
}
.buts-share{
width: 560rpx;
height: 86rpx;
margin: 0 auto;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%80%9A%E7%9F%A5%E5%AE%A2%E6%88%B7.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
animation-name: butAnimation;
animation-duration: 0.7s;
animation-iteration-count:9999;
position: relative;
}
@keyframes butAnimation
{
50% {background-size:90%;}
}
@-webkit-keyframes butAnimation
{
50% {background-size:90%;}
}
\ No newline at end of file
... ...
.bg-1{
background-image: url("http://qn.colorcun.com/custom/lite-yd/image/invit-bg.png");
background-color: #353334;
color:#fefefe;
}
.bg-2{
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E5%BA%95%E9%83%A8.png");
background-color: #F4AFB2;
}
.invit-logo{
width: 380rpx;
height: 200rpx;
position: relative;
}
.shangwu-line{
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E5%95%86%E5%8A%A1-%E4%B8%80%E9%94%AE%E8%AE%A2.png");
background-size: 100%;
width: 604rpx;
height: 30rpx;
margin-top: 60rpx;
}
.seller{
margin-top: 60rpx;
width: 100%;
}
.seller .title{
font-size: 28rpx;
color:#999999;
margin-bottom: 10rpx;
height: 40rpx;
line-height: 40rpx;
}
.seller .title-left,.seller .title-right{
width: 44rpx;
height: 4rpx;
background-size: 100%;
}
.seller .title-left{
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E8%8A%B1%E7%BA%B9-%E5%B7%A6%E8%BE%B9.png");
margin-right: 10rpx;
}
.seller .title-right{
margin-left: 10rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E8%8A%B1%E7%BA%B9-%E5%8F%B3.png");
}
.seller .content{
margin-bottom: 60rpx;
font-size: 36rpx;
line-height: 50rpx;
text-align: center;
align-items:flex-start;
width: 90%;
}
.seller .content:last-child{
margin-bottom: 0;
}
.seller .addr{
width: 80%;
}
.seller .invit-addr{
width: 22rpx;
height: 28rpx;
margin-right: 10rpx;
margin-top: 14rpx;
min-width: 22rpx;
}
.editor{
height:80rpx;
width: 504rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E4%BF%AE%E6%94%B9%E5%86%85%E5%AE%B9.png");
background-size: 100%;
}
.shangwu{
width: 100%;
}
.shangwu .seller{
margin-bottom: 54rpx;
}
.wenxin {
margin-top: 20rpx;
width: 100%;
}
.wenxin-top{
position: fixed;
top:0;
left:0;
width:100%;
height: 80rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%A1%B6%E9%83%A8%E8%8A%B1%E8%BE%B9.png");
background-size: 100%;
}
.wenxin-bottom{
position: fixed;
bottom:0;
left:0;
width:100%;
height: 64rpx;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E8%BE%B9-%E5%BA%95%E9%83%A8.png");
background-size: 100%;
}
.wenxin .invit-logo{
width: 350rpx;
height: 184rpx;
}
.wenxin-mask{
margin-top: 0rpx;
width: 528rpx;
height: 520rpx;
position: relative;
}
.wenxin-mask-bg{
margin: 46rpx auto;
width: 468rpx;
height: 468rpx;
border-radius: 50%;
overflow: hidden;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/hunshazhao3.jpg");
background-size: cover;
}
.wenxin-mask-img{
position: absolute;
left: 0;
top:0;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E8%8A%B1%E7%8E%AF%E7%A9%BA.png");
width: 100%;
height: 520rpx;
background-size: 100%;
}
.wenxin-baitou{
margin-top: 10rpx;
width: 404rpx;
height: 42rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E6%B0%B8%E7%BB%93%E5%90%8C%E5%BF%83-%E7%99%BD%E5%A4%B4%E5%81%95%E8%80%81.png");
}
.wenxin-line{
margin-top: 16rpx;
width: 600rpx;
height: 30rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/manager-invitation/wx2/%E4%B8%80%E9%94%AE%E8%AE%A2.png");
}
.wenxin .seller{
margin-top: 16rpx;
color:#fefefe;
}
.wenxin .seller .title{
display: none;
}
.wenxin .seller .content{
margin-bottom: 16rpx;
font-size: 36rpx;
line-height: 50rpx;
text-align: center;
align-items:flex-start;
}
.wenxin .seller .content.addr{
width: 90%;
}
.quick-editor{
background-color: #ECD9B7;
width: 120rpx;
height: 40rpx;
line-height: 40rpx;
color: #353535;
font-size: 24rpx;
position: absolute;
top:50rpx;
right:-150rpx;
text-align: center;
}
.buts-share{
width: 560rpx;
height: 86rpx;
margin: 0 auto;
background-image: url("http://qn.colorcun.com/manager-invitation/wx/%E9%80%9A%E7%9F%A5%E5%AE%A2%E6%88%B7.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.animation{
animation-name: butAnimation;
animation-duration: 0.7s;
animation-iteration-count:9999;
}
@keyframes butAnimation
{
50% {background-size:90%;}
}
@-webkit-keyframes butAnimation
{
50% {background-size:90%;}
}
\ No newline at end of file
... ...
... ... @@ -31,7 +31,7 @@
"list": []
},
"miniprogram": {
"current": 48,
"current": 43,
"list": [
{
"id": 0,
... ... @@ -361,7 +361,7 @@
"id": 43,
"name": "pages/manager-invitation/review",
"pathName": "pages/manager-invitation/review",
"query": "",
"query": "rid=46&tplid=2",
"scene": null
},
{
... ... @@ -396,6 +396,7 @@
"id": -1,
"name": "pages/manager-invitation/setting/history",
"pathName": "pages/manager-invitation/setting/history",
"query": "",
"scene": null
}
]
... ...