no message

@@ -19,7 +19,9 @@
     "pages/pet/p_basic",
     "pages/pet/p_basic",
     "pages/topic/t_list",
     "pages/topic/t_list",
     "pages/topic/t_detail",
     "pages/topic/t_detail",
-    "pages/activity/a_list"
+    "pages/activity/a_list",
+    "pages/transform/t_shop",
+    "pages/transform/t_detail"
   ],
   ],
   "window":{
   "window":{
     "navigationBarBackgroundColor": "#ffffff",
     "navigationBarBackgroundColor": "#ffffff",

@@ -60,6 +60,11 @@ Page({
                     url:'p_photo'
                     url:'p_photo'
                 })
                 })
             }
             }
+            if(index==4){
+                wx.navigateTo({
+                    url:'../transform/t_shop'
+                })
+            }
         }
         }
     },
     },
     petdetail:function () {
     petdetail:function () {

+Page({
+
+})

+{}

+<view class="detail">
+    <image src="/pages/image/topic3.jpg" class="detail-image"></image>
+    <view class="detail-info">
+        <view class="black-font font34r font-bold">小狗狗粮幼犬奶糕泰迪小型幼犬20kg</view>
+        <view class="detail-main flex-lr">
+            <view class="detail-price font24r"><text class="orange-font font30r">800 </text>积分</view>
+            <view class="gray-deep-font font24r fon-siny">已售5000件</view>
+        </view>
+    </view>
+    <view class="cut bg-gray"></view>
+    <view class="detail-other-list flex-cm">
+        <view class="gray-deep-font font30r font-siny flex-cm border-bottom-orange">商品详情</view>
+        <view class="gray-deep-font font30r font-siny flex-cm">评价(200)</view>
+    </view>
+    <view class="detail-other-info">
+        <image src="/pages/image/topic3.jpg" mode="widthFix"></image>
+        <image src="/pages/image/topic2.jpg" mode="widthFix"></image>
+    </view>
+</view>
+<view class="fixed left bottom bg-white fixed-detail flex-lr">
+    <view class="black-font font30r">余额：<text class="orange-font">300积分</text></view>
+    <view class="white-font font30r transform-button flex-cm">余额不足</view>
+</view>

+.detail{
+    width:100%;
+    padding-bottom:120rpx;
+}
+.detail-image{
+    width:100%;
+    height:400rpx;
+}
+.detail-info{
+   width:100%;
+   padding:25rpx 20rpx 30rpx;
+   box-sizing:border-box;
+}
+.detail-main{
+    padding-top:40rpx;
+}
+.detail-other-list{
+    width:100%;
+    height:100rpx;
+    border-bottom:1px solid #efeef3;
+}
+.detail-other-list>view{
+    width:35%;
+    height:100%;
+}
+.border-bottom-orange{
+    border-bottom:2px solid #fcb34c;
+    box-sizing:border-box;
+}
+.detail-other-info{
+    width:100%;
+}
+.detail-other-info>image{
+    width:100%;
+    height:400rpx;
+}
+.fixed-detail{
+    width:100%;
+    height:120rpx;
+    padding:0 20rpx;
+    box-sizing:border-box;
+    box-shadow:0 0 5px rgba(0,0,0,.2);
+}
+.transform-button{
+    width:180rpx;
+    height:64rpx;
+    background:#ccc;
+    border-radius:35rpx;
+}

+Page({
+    data:{
+        my_money:300,
+        goods:[
+            {
+                id:1,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:2,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:3,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:4,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:5,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:6,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:7,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            },
+            {
+                id:8,
+                title:'小狗狗粮幼犬奶糕泰迪小型幼犬20kg',
+                price:800,
+                image:'/pages/image/topic3.jpg'
+            }
+        ]
+    },
+    onLoad:function () {
+
+    },
+    onShow:function () {
+
+    },
+    gooddetail:function () {
+       wx.navigateTo({
+           url:'t_detail'
+       })
+    }
+})

+{
+  "backgroundTextStyle":"light",
+  "navigationBarBackgroundColor": "#fcb34c",
+  "navigationBarTextStyle":"white",
+  "navigationBarTitleText":"积分商城"
+}

+<view class="shop-list flex-rs">
+    <block wx:for="{{goods}}">
+        <view class="shop-single" bindtap="gooddetail">
+            <image src="{{item.image}}" class="shop-image"></image>
+            <view class="shop-info bg-white">
+                <view class="shop-info-title black-font font28r fon-siny flex-lt">{{item.title}}</view>
+                <view class="shop-info-price flex-lr">
+                    <view class="font-siny font22r black-font"><text class="orange-font font28r">{{item.price}} </text>积分</view>
+                    <view class="shop-distance bg-gray">
+                        <view class="shop-actual bg-orange" style="width:{{my_money/item.price*150}}rpx;max-width:100%;"></view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </block>
+</view>
+<view class="shop-complete flex-cm">
+    <view class="shop-line"></view>
+    <view class="gray-font font28r">已经到底啦</view>
+    <view class="shop-line"></view>
+</view>

+page{
+    background:#efeef3;
+}
+.shop-list{
+    width:100%;
+    height:auto;
+    padding-top:20rpx;
+}
+.shop-single{
+    width:345rpx;
+    margin-left:20rpx;
+    border-radius:10rpx;
+    margin-bottom:20rpx;
+    overflow:hidden;
+}
+.shop-image{
+    width:100%;
+    height:260rpx;
+}
+.shop-info{
+    width:100%;
+    padding:20rpx;
+    box-sizing:border-box;
+}
+.shop-info-title{
+    line-height:1.3;
+}
+.shop-info-price{
+    margin-top:40rpx;
+}
+.shop-distance{
+    width:150rpx;
+    height:12rpx;
+    border-radius:6rpx;
+    background:#eee;
+    overflow:hidden;
+}
+.shop-actual{
+    height:100%;
+}
+.shop-complete{
+    width:100%;
+    padding:20rpx 0 40rpx;
+}
+.shop-line{
+    width:70rpx;
+    height:2rpx;
+    background:#ccc;
+    margin:0 10rpx;
+}