no message

-<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">
     <view class="pet-sex flex-lr">
         <block wx:for="{{sex}}">
         <block wx:for="{{sex}}">
             <view class="flex-lm">
             <view class="flex-lm">
@@ -11,4 +13,14 @@
             </view>
             </view>
         </block>
         </block>
     </view>
     </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>
 </view>

+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{
 .pet-headimg{
     width:120rpx;
     width:120rpx;
     height:120rpx;
     height:120rpx;
     border-radius:50%;
     border-radius:50%;
-    margin-bottom:30rpx;
+    margin-bottom:20rpx;
 }
 }
 .pet-sex{
 .pet-sex{
     width:300rpx;
     width:300rpx;
     margin:0 auto;
     margin:0 auto;
-    padding-top:40rpx;
+    padding:40rpx 0;
 }
 }
 .sex-icon{
 .sex-icon{
-    width:40rpx;
-    height:40rpx;
+    width:44rpx;
+    height:44rpx;
     margin-right:18rpx;
     margin-right:18rpx;
 }
 }
 .pet-radio{
 .pet-radio{
@@ -24,4 +41,25 @@
     width:16rpx;
     width:16rpx;
     height:16rpx;
     height:16rpx;
     border-radius:50%;
     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;
 }
 }