xt / xcx-book · Commits

Go to a project

Commit 6df05e7c254601eb09a130f3244f954e323d43bd

Authored by vking
1 parent 5cfc248b
build: skipped

me-index

Inline Side-by-side
Showing 6 changed files with 204 additions and 89 deletions
... ... @@ -26,6 +26,8 @@
color: inherit;
width: 100%;
position: relative;
border-radius: 0;
background-color: transparent;
}
.layout .button .fixed{
position:relative;
... ...
... ... @@ -81,5 +81,10 @@ Page({
})
},
gotoList(e){
wx.navigateTo({
url:'/pages/me/list?type='+util.attr(e,'type')
})
}
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTextStyle": "white",
"navigationBarTitleText":"我的",
"usingComponents": {
"nav":"/components/nav/nav",
... ...
<!--pages/me/index.wxml-->
<nav>周到安排</nav>
<view class="page">
<view class="header flex-ll">
<nav backgroundColor="#262628" color="#ffffff">周到安排</nav>
<layout>
<view class="meHeader flex-ll" >
<view class="avatar">
<open-data type="userAvatarUrl"></open-data>
</view>
... ... @@ -10,66 +10,81 @@
<view class="info">查看并编辑个人资料</view>
</view>
</view>
<view class="shadow" >
<view class="shadow-mask" ></view>
</view>
<view class="list">
<formids url="/pages/me/list">
<view class="item flex-lr">
<view class="left">我的订单</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
<view class="pages">
<view class="block-rev">
<navigator url="/pages/me/list">
<view class="title flex-lr">
<view >我的订单</view>
<view class="more"></view>
</view>
</view>
</formids>
<!-- <formids url="/pages/me/setting">
<view class="item flex-lr">
<view class="left">常用信息</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
</navigator>
<view class="content flex-ll">
<view class="flex-vc" bindtap="gotoList" data-type="1">
<view class="icon o1"></view>
<view class="text">等待确认</view>
</view>
</view>
</formids> -->
<formids url="/pages/me/concat">
<view class="item flex-lr">
<view class="left">常用联系人</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
</view>
</view>
</formids>
<formids bindclick="gotoSellerBook" wx:if="{{hasSellerBook}}">
<view class="item flex-lr">
<view class="left">切换到商户模式</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
<view class="flex-vc" bindtap="gotoList" data-type="2">
<view class="icon o2"></view>
<view class="text">预订成功</view>
</view>
</view>
</formids>
<formids url="/pages/manager-invitation/index" wx:if="{{hasManagerInvitation}}">
<view class="item flex-lr">
<view class="left">客户经理模式</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
<view class="flex-vc" bindtap="gotoList" data-type="3">
<view class="icon o3"></view>
<view class="text">历史订单</view>
</view>
<view class="flex-vc" bindtap="gotoList" data-type="4">
<view class="icon o4"></view>
<view class="text">无效预订</view>
</view>
</view>
</formids>
<!--
<navigator
target="miniProgram"
open-type="navigate"
app-id="wx8abaf00ee8c3202e"
extra-data="{{extraData}}"
version="release">
<view class="item flex-lr">
<view class="left">吐个槽</view>
<view class="right">
<image src="http://qn.colorcun.com/custom/lite-yd/image/click.png"></image>
</view>
<view class="block-rev">
<view class="title flex-lr">
<view >常用操作</view>
</view>
<view class="content flex-ll">
<navigator class="flex-vc" url="/pages/me/concat">
<view class="icon picon p1"></view>
<view class="text">常用联系人</view>
</navigator>
<view class="flex-vc" bindtap="gotoSellerBook" wx:if="{{hasSellerBook}}">
<view class="icon picon p2"></view>
<view class="text">商户模式</view>
</view>
<navigator class="flex-vc" url="/pages/manager-invitation/index" wx:if="{{hasManagerInvitation}}">
<view class="icon picon p3"></view>
<view class="text">客户经理模式</view>
</navigator>
</view>
</navigator>
-->
</view>
<view class="block-list">
<button class="button-none"
open-type="contact">
<view class="item flex-lr item-border">
<view class="item-name flex-ll">
<view class="kefu"></view>
<view>联系客服</view>
</view>
<view class="item-info flex-rr">
<view>09:00～21:00</view>
<view class="more"></view>
</view>
</view>
</button>
<navigator
target="miniProgram"
open-type="navigate"
app-id="wx8abaf00ee8c3202e"
extra-data="{{extraData}}"
version="release">
<view class="item flex-lr">
<view class="item-name flex-ll">
<view class="tuco"></view>
<view>我要吐槽</view>
</view>
<view class="more"></view>
</view>
</navigator>
</view>
</view>
</view>
<fb></fb>
</layout>
<fb></fb>
\ No newline at end of file
... ...
/* pages/me/index.wxss */
.page{
width: 90%;
margin: 0 5%;
page{
background-color: #F5F5F5;
}
.pages{
width: calc(100% - 40rpx);
margin: -24rpx 20rpx 40rpx;
color:#353535;
background-color: #ffffff;
}
image{
width:100%;
height: 100%;
display: inherit;
}
.header{
margin-top: 76rpx;
padding-bottom: 54rpx;
}
.shadow{
height: 0rpx;
margin-left: -5%;
width: 110%;
box-shadow: 0 12rpx 14rpx 14rpx RGBA(231, 228, 228, 0.5);
margin-bottom: 98rpx;
position: relative;
}
.shadow-mask{
position: relative;
top:-7rpx;
height: 20rpx;
left:-2rpx;
width: 110%;
background-color: #ffffff;
.meHeader{
padding-top: 26rpx;
padding-bottom: 64rpx;
padding-left: 40rpx;
background-color: #262628;
color:#fff;
box-sizing: border-box;
margin-top: -10rpx;
}
.avatar{
width: 80rpx;
... ... @@ -47,16 +37,113 @@ image{
font-size: 26rpx;
margin-top: 4rpx;
}
.block-rev{
height: 300rpx;
box-sizing: border-box;
width: 100%;
background:rgba(255,255,255,1);
border-radius:10rpx;
margin-bottom: 20rpx;
}
.block-rev .title{
box-sizing: border-box;
height: 100rpx;
line-height: 100rpx;
border-bottom: 2rpx solid #F5F5F5;
width: calc(100% - 80rpx);
margin: 0 auto;
font-size:30rpx;
font-weight:600;
}
.block-rev .content{
height: 198rpx;
box-sizing: border-box;
font-size: 24rpx;
}
.content .flex-vc{
width: 25%;
min-width: 25%;
}
.block-rev .icon{
width:36rpx;
height:42rpx;
background-size: 100% 100%;
margin-bottom: 20rpx;
}
.icon.o1{
background-image: url("http://qn.colorcun.com/custom/me/image/o1.png");
}
.icon.o2{
background-image: url("http://qn.colorcun.com/custom/me/image/o2.png");
}
.icon.o3{
background-image: url("http://qn.colorcun.com/custom/me/image/o3.png");
}
.icon.o4{
background-image: url("http://qn.colorcun.com/custom/me/image/o4.png");
}
.block-rev .picon{
width:38rpx;
height:38rpx;
}
.picon.p1{
background-image: url("http://qn.colorcun.com/custom/me/image/p1.png");
}
.picon.p2{
background-image: url("http://qn.colorcun.com/custom/me/image/p2.png");
}
.picon.p3{
background-image: url("http://qn.colorcun.com/custom/me/image/p3.png");
}
.block-rev .width3{
width: 75%;
}
.block-list{
box-sizing: border-box;
width: 100%;
background:rgba(255,255,255,1);
border-radius:10rpx;
padding: 0 40rpx;
}
.item{
height: 107rpx;
line-height: 107rpx;
font-size: 30rpx;
box-sizing: border-box;
}
.item-border{
border-bottom: 2rpx solid #F5F5F5;
}
.item-name{
height:42rpx;
font-size:30rpx;
color:rgba(53,53,53,1);
line-height:42rpx;
}
.item-info{
height:34rpx;
font-size:24rpx;
color:rgba(53,53,53,1);
line-height:34rpx;
}
.item .left{
height: 42rpx;
line-height: 42rpx;
.item-info .more{
margin-left: 20rpx;
}
.item .right{
width: 12rpx;
height: 22rpx;
.item-name .kefu{
width: 32rpx;
height:30rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/custom/me/image/l1.png");
margin-right: 20rpx;
}
.item-name .tuco{
width: 34rpx;
height:26rpx;
background-size: 100%;
background-image: url("http://qn.colorcun.com/custom/me/image/l2.png");
margin-right: 20rpx;
}
\ No newline at end of file
... ...
... ... @@ -24,6 +24,12 @@ Page({
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
if(options.type){
this.tabType=options.type
this.setData({
tabType:this.tabType
})
}
this.selectComponent('#getpos').getPos();
},
... ...