xt / xcx-book · Commits

Go to a project

Commit 5c103a2583d3b3b46098a24946608532aba80619

Authored by vking
1 parent b77b8047
build: skipped

taocan

Inline Side-by-side
Showing 2 changed files with 46 additions and 26 deletions
<!--pages/me/index.wxml-->
<nav backgroundColor="#262628" color="#ffffff">周到安排</nav>
<layout>
<view class="meHeader flex-ll" >
<view class="avatar">
<open-data type="userAvatarUrl"></open-data>
</view>
<view>
<view class="name"><open-data type="userNickName"></open-data></view>
<view class="info">查看并编辑个人资料</view>
</view>
<view class="meHeader flex-ll" >
<view class="avatar">
<open-data type="userAvatarUrl"></open-data>
</view>
<view>
<view class="name"><open-data type="userNickName"></open-data></view>
<!--<view class="info">查看并编辑个人资料</view>-->
</view>
</view>
<nav backgroundColor="rgba(0,0,0,0)" color="#ffffff">周到安排</nav>
<layout>
<view class="pages">
<view class="block-rev money flex-lr">
<navigator url="/pages/me/follow" class="money-item">
... ... @@ -57,6 +57,15 @@
</view>
</view>
</view>
<view class="block-list" style="margin-bottom: 20rpx;" bindtap="gotoList" data-type="5">
<view class="item flex-lr">
<view class="item-name flex-ll">
<view class="taocan"></view>
<view>我的套餐</view>
</view>
<view class="more"></view>
</view>
</view>
<view class="block-rev">
<view class="title flex-lr">
<view >常用操作</view>
... ...
... ... @@ -4,9 +4,9 @@ page{
}
.pages{
width: calc(100% - 40rpx);
margin: -24rpx 20rpx 40rpx;
margin: -220rpx 20rpx 40rpx;
color:#353535;
padding-bottom: 98rpx;
padding-bottom: 40rpx;
}
image{
width:100%;
... ... @@ -14,13 +14,15 @@ image{
display: inherit;
}
.meHeader{
padding-top: 26rpx;
padding-top: 60rpx;
padding-bottom: 64rpx;
padding-left: 40rpx;
background-color: #262628;
color:#fff;
box-sizing: border-box;
margin-top: -10rpx;
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2814%29.png");
background-size: 100% 100%;
height: 344rpx;
}
.avatar{
width: 80rpx;
... ... @@ -77,33 +79,34 @@ image{
margin-bottom: 20rpx;
}
.icon.o1{
background-image: url("http://nosqn.colorcun.com/custom/me/image/o1.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2815%29.png");
}
.icon.o2{
background-image: url("http://nosqn.colorcun.com/custom/me/image/o2.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2816%29.png");
}
.icon.o3{
background-image: url("http://nosqn.colorcun.com/custom/me/image/o3.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2817%29.png");
}
.icon.o4{
background-image: url("http://nosqn.colorcun.com/custom/me/image/o4.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2818%29.png");
}
.block-rev .picon{
width:38rpx;
height:38rpx;
}
.picon.p1{
background-image: url("http://nosqn.colorcun.com/custom/me/image/p1.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2819%29.png");
}
.picon.p4{
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2819%29.png");
}
.picon.p2{
background-image: url("http://nosqn.colorcun.com/custom/me/image/p2.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2820%29.png");
}
.picon.p3{
background-image: url("http://nosqn.colorcun.com/custom/me/image/p3.png");
}
.picon.p4{
background-image: url("http://nosqn.colorcun.com/reserve/images/201912241538531.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2821%29.png");
}
.block-rev .width3{
width: 75%;
}
... ... @@ -145,16 +148,24 @@ image{
width: 32rpx;
height:30rpx;
background-size: 100%;
background-image: url("http://nosqn.colorcun.com/custom/me/image/l1.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2822%29.png");
margin-right: 20rpx;
}
.item-name .tuco{
width: 34rpx;
height:26rpx;
background-size: 100%;
background-image: url("http://nosqn.colorcun.com/custom/me/image/l2.png");
background-image: url("http://nosqn.colorcun.com/taocan/1%20%2823%29.png");
margin-right: 20rpx;
}
.item-name .taocan{
width: 28rpx;
height: 32rpx;
background-size: 100%;
background-image: url("http://nosqn.colorcun.com/taocan/1%20%283%29.png");
margin-right: 20rpx;
}
.block-rev.money{
height: 160rpx;
... ...