页面切图

This commit is contained in:
仲么了
2023-02-10 13:38:19 +08:00
parent 8cf78ec3f5
commit 1e81b90b8f
15 changed files with 371 additions and 90 deletions

View File

@@ -3,7 +3,7 @@
<view slot='body'>
<view class='detail'>
<view class="header">
<image src="/static/test.pic.jpg" mode="widthFix" style="width: 100%;" />
<image src="/static/test2.pic.jpg" mode="widthFix" style="width: 100%;" />
</view>
<view class="des">
<text>设备基础信息</text>
@@ -15,17 +15,12 @@
</view>
</view>
<view class="content" :style="{ minHeight: 'calc(100vh - ' + navHeight + 'px)' }">
<view v-if="navMenuActive == 0">
<DianWang></DianWang>
</view>
<view v-else-if="navMenuActive == 1">
</view>
<view v-else-if="navMenuActive == 2">
</view>
<view v-else-if="navMenuActive == 3">
</view>
<view v-else-if="navMenuActive == 4">
</view>
<DianWang v-if="navMenuActive == 0"></DianWang>
<NiBian v-else-if="navMenuActive == 1"></NiBian>
<ShuChu v-else-if="navMenuActive == 2"></ShuChu>
<GanJieDian v-else-if="navMenuActive == 3"></GanJieDian>
<ZhuangTaiLiang v-else-if="navMenuActive == 4"> </ZhuangTaiLiang>
<QiTa v-else-if="navMenuActive == 5"></QiTa>
<view style="height:20rpx"></view>
</view>
<uni-fab ref="fab" direction="vertical" horizontal="right" vertical="bottom" :content="content"
@@ -39,9 +34,19 @@
</template>
<script>
import DianWang from "./comp/dianWang.vue";
import NiBian from "./comp/niBian.vue";
import ShuChu from "./comp/shuChu.vue";
import GanJieDian from "./comp/ganJieDian.vue";
import ZhuangTaiLiang from "./comp/zhuangTaiLiang.vue";
import QiTa from "./comp/qiTa.vue";
export default {
components: {
DianWang
DianWang,
NiBian,
ShuChu,
GanJieDian,
ZhuangTaiLiang,
QiTa,
},
data () {
return {
@@ -58,9 +63,7 @@ export default {
text: '干接点'
}, {
text: '状态量'
}, {
text: '储能柜数据'
}, {
},{
text: '其他'
}],
content: [{