页面切图

pages/project/detail.vue

@@ -11,11 +11,10 @@
                         v-for="(item, index) in navMenuList" :key="index" @click="navMenuClick(index)">{{ item.text }}
                     </view>
                 </view>
-                <view class="content" :style="{ minHeight: 'calc(100vh - ' + navHeight + 'px)' }">
+                <view class="content device" :style="{ minHeight: 'calc(100vh - ' + navHeight + 'px)' }">
                     <view v-show="navMenuActive == 0">
-                        <uni-card title="基础设备" sub-title="副标题" extra="APF" v-for="item in 10" :key="item" @click="jump"
-                            thumbnail="/static/real_time_data.png">
-                            <text>设备基础信息 </text>
+                        <uni-card title="用能设备" sub-title="设备" extra="APF" v-for="item in 2" :key="item" @click="goDevice"
+                            padding="0" thumbnail="/static/real_time_data.png">
                         </uni-card>
                     </view>
                     <view style="padding: 0 20rpx" v-show="navMenuActive == 1">
@@ -36,6 +35,11 @@
                     </view>
                     <uni-load-more status="nomore"></uni-load-more>
                 </view>
+                <uni-fab ref="fab" direction="vertical" horizontal="right" vertical="bottom" :content="content"
+                    @trigger="trigger" />
+                <uni-popup ref="share" type="share" background-color="#fff">
+                    <uni-popup-share title="分享到"></uni-popup-share>
+                </uni-popup>
             </view>
         </view>
     </Cn-page>
@@ -51,10 +55,19 @@ export default {
             }, {
                 text: '子用户列表'
             }],
+            content: [{
+                iconPath: '/static/share.png',
+                text: '分享',
+            }],
+            navHeight: 0,
             navMenuActive: 0
         }
     },
     methods: {
+        trigger () {
+            console.log(this.$refs);
+            this.$refs.share.open()
+        },
         navMenuClick (index) {
             this.navMenuActive = index
         },
@@ -76,7 +89,13 @@ export default {
                     }
                 }
             })
-        }
+        },
+        goDevice () {
+            uni.navigateTo({
+                url: '/pages/device/APF/detail'
+            })
+        },
+
     },
     onLoad (option) {
         this.project = option.project