xt / xt-ac · Commits

Go to a project

Commit 289ee373fff4fc0b4493dc4a356a97f8a46ea622

Authored by zhangyan
1 parent ef9d225b
build: skipped

no message

Inline Side-by-side
Showing 2 changed files with 57 additions and 7 deletions
<view class="pet-basic flex-vc">
<image src="/pages/image/topic2.jpg" class="pet-headimg"></image>
<view class="black-font font30r">头像</view>
<view class="pet-basic flex-vc bg-white">
<view class="pet-head flex-vc">
<image src="/pages/image/topic2.jpg" class="pet-headimg"></image>
<view class="black-font font30r">头像</view>
</view>
<view class="pet-sex flex-lr">
<block wx:for="{{sex}}">
<view class="flex-lm">
... ... @@ -11,4 +13,14 @@
</view>
</block>
</view>
<input type="text" placeholder="请输入宝贝名字" placeholder-class="gray-font font28r font-siny flex-cm" class="black-font font28r flex-cm" maxlength="6"/>
<view class="pet-birth flex-cm">
<picker mode="date" value="{{date}}" start="2000-01-01" end="2018-09-01" bindchange="bindDateChange">
<view class="picker gray-font font28r flex-cm">
{{date ? date : '请选择宝贝生日'}}
</view>
</picker>
</view>
<input type="digit" placeholder="请输入宝贝体重" placeholder-class="gray-font font28r font-siny flex-cm" class="black-font font28r flex-cm" maxlength="3"/>
<view class="save-button white-font bg-orange font30r flex-cm">开启宠爱模式</view>
</view>
\ No newline at end of file
... ...
page{
background:#efeef3;
}
.pet-basic{
width:660rpx;
padding-top:120rpx;
border-radius:10rpx;
margin:160rpx auto 0;
position:relative;
}
.pet-head{
position:absolute;
left:0;
right:0;
top:-60rpx;
margin:0 auto;
}
.pet-headimg{
width:120rpx;
height:120rpx;
border-radius:50%;
margin-bottom:30rpx;
margin-bottom:20rpx;
}
.pet-sex{
width:300rpx;
margin:0 auto;
padding-top:40rpx;
padding:40rpx 0;
}
.sex-icon{
width:40rpx;
height:40rpx;
width:44rpx;
height:44rpx;
margin-right:18rpx;
}
.pet-radio{
... ... @@ -24,4 +41,25 @@
width:16rpx;
height:16rpx;
border-radius:50%;
}
input{
width:480rpx;
height:70rpx;
border:1px solid #efeef3;
border-radius:10rpx;
margin-bottom:40rpx;
text-align:center;
}
.pet-birth{
width:480rpx;
height:70rpx;
border:1px solid #efeef3;
border-radius:10rpx;
margin-bottom:40rpx;
}
.save-button{
width:480rpx;
height:80rpx;
margin:50rpx auto;
border-radius:10rpx;
}
\ No newline at end of file
... ...