52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
<template>
|
||
<view class="jbxx-box">
|
||
<view class="jbxx-tabs">
|
||
<u-tabs
|
||
:list="list"
|
||
@click="tabsClick"
|
||
:scrollable="false"
|
||
:activeStyle="{
|
||
color: '#34a4fe',
|
||
}"
|
||
></u-tabs>
|
||
</view>
|
||
<view class="jbxx-content">
|
||
<Jbzz v-if = "status == 0" />
|
||
<view v-if="status == 1" class="gcgk">黄沙水库位于长江中游南岸，汀泗河上游，该河是赤壁市与咸安区的界河，属西凉湖水系的一条支流</view>
|
||
<Krqx v-if="status == 2" stcd="3040" />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import Jbzz from './jbzz'
|
||
import Krqx from './krqx'
|
||
export default {
|
||
components: {
|
||
Jbzz,
|
||
Krqx
|
||
},
|
||
data() {
|
||
return {
|
||
list: [{ name: '基本资料' }, { name: '工程概况' }, { name: '库容曲线' }],
|
||
status:0
|
||
}
|
||
},
|
||
methods: {
|
||
tabsClick(e) {
|
||
this.status = e?.index;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.jbxx-box{
|
||
padding: 5px;
|
||
.jbxx-tabs{
|
||
width: 100%;
|
||
background-color: #dff0f8;
|
||
}
|
||
.gcgk{
|
||
padding: 5px;
|
||
}
|
||
}
|
||
</style> |