JSY/jsy-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
王丹 2024-09-19 18:37:24 +08:00
parent 73dc5e8336
commit f2dca5ecc2
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pages/index.vue
View File

@ -28,9 +28,32 @@
</u-row> </u-row>
</view> </view>
<view class="content-section"> <view class="content-section">
<view class="grey-box"> <view class="grey-box" style="border-radius: 15px 15px 0 0 ; padding-bottom: 0;">
<view style="z-index: 10; top: 0" :style="[isSticky ? 'position: sticky;':'']"> <view :style="[isSticky ? 'position: sticky;':'','z-index: 10','top: -10px']">
<u-grid :border="false" col="4" v-if="!isSticky"> <u-grid :border="false" col="4" v-if="isSticky"
style="background: #f3f3f3; margin-bottom: 0; box-shadow: 0 1px 9px rgba(209, 209, 209, 0.5);padding-bottom: 5px;">
<u-grid-item class="click" style="box-shadow: none;">
<text class="text">总设备</text>
<view class="iconfont icon-threshold"></view>
<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
</u-grid-item>
<u-grid-item style="box-shadow: none;">
<text class="text">总设备</text>
<view class="iconfont icon-jizhan"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
<u-grid-item style="box-shadow: none;">
<text class="text">总设备</text>
<view class="iconfont icon-lixian"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
<u-grid-item style="box-shadow: none;">
<text class="text">总设备</text>
<view class="iconfont icon-shangqing"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
</u-grid>
<u-grid :border="false" col="4" v-else style=" margin-bottom: 0;">
<u-grid-item class="click"> <u-grid-item class="click">
<view class="iconfont icon-threshold"></view> <view class="iconfont icon-threshold"></view>
<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge> <u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
@ -52,29 +75,11 @@
<text class="text">土壤墒情</text> <text class="text">土壤墒情</text>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
<u-grid :border="false" col="4" v-if="isSticky" style="background: #fff;">
<u-grid-item class="click">
<text class="text">总设备</text>
<view class="iconfont icon-threshold"></view>
<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
</u-grid-item>
<u-grid-item>
<text class="text">总设备</text>
<view class="iconfont icon-jizhan"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
<u-grid-item>
<text class="text">总设备</text>
<view class="iconfont icon-lixian"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
<u-grid-item>
<text class="text">总设备</text>
<view class="iconfont icon-shangqing"></view>
<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
</u-grid-item>
</u-grid>
</view> </view>
</view>
<view class="grey-box" style="border-radius: 0 0 15px 15px;">
<view class="card"> <view class="card">
<u-collapse accordion> <u-collapse accordion>
<u-collapse-item> <u-collapse-item>
@ -234,7 +239,8 @@
<view class="iconfont icon-suoding icon"></view> <view class="iconfont icon-suoding icon"></view>
</view> </view>
</view> </view>
<u-line-progress height="8" :showText="false" :percentage="60" style="width: 100%;"> <u-line-progress height="8" :showText="false" :percentage="60"
style="width: 100%;">
</u-line-progress> </u-line-progress>
</u-col> </u-col>