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

·

Browse Source
This commit is contained in:
王丹 2024-12-02 18:38:17 +08:00
parent f509668572
commit 79109a91f4
2 changed files with 279 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

279
components/custom-index-mp/custom-index-mp.vue
View File

@ -1,6 +1,198 @@
<template>
<u-popup :show="open" mode="bottom" @close="close" closeable>
<view style="width: 100vw;height: calc(100vh - 100px);border: 1px solid red;"></view>f
<view class="list-box">
<view class="title">土壤墒情
<view class="iconfont icon-shuaxin"></view>
</view>
<view class="list-title ">
<view class="fixed">
<view>层</view>
<view>深度</view>
<view>湿度</view>
<view>温度</view>
</view>
</view>
<view class="card">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="fixed" style="justify-content: space-between;">
<view>
位置：墒情1-1
</view>
<view>
2024-01-12 19:21:32
</view>
</view>
</template>
<view class="list-content">
<view class="fixed">
<view>1</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>2</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>3</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>4</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>5</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>6</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>7</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="card">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="fixed" style="justify-content: space-between;">
<view>
位置：墒情1-1
</view>
<view>
2024-01-12 19:21:32
</view>
</view>
</template>
<view class="list-content">
<view class="fixed">
<view>1</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>2</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>3</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>4</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>5</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>6</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>7</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="card">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="fixed" style="justify-content: space-between;">
<view>
位置：墒情1-1
</view>
<view>
2024-01-12 19:21:32
</view>
</view>
</template>
<view class="list-content">
<view class="fixed">
<view>1</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>2</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>3</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>4</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>5</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>6</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
<view class="fixed">
<view>7</view>
<view>10cm</view>
<view>12.6%</view>
<view>5.4℃</view>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
</u-popup>
</template>
@ -34,5 +226,90 @@
}
</script>
<style lang="scss" scoped>
.u-popup__content {
background: transparent;
.list-box {
border-radius:10px 10px 0 0;
width: 100vw;
min-height: 50vh;
max-height: calc(100vh - 100px);
background-color: #f3f3f3;
padding: 10px;
overflow-y: auto;
}
.title {
font-size: 34rpx;
position: relative;
text-align: center;
padding-bottom: 15px;
.icon-shuaxin {
position: absolute;
top: 6px;
right: 40px;
}
}
.card {
background-color: transparent;
.uni-collapse {
background-color: transparent;
border-radius: 10px;
}
::v-deep.uni-collapse-item__title {
background-color: #39ac4f;
color: #fff;
padding: 10px;
border-radius: 10px;
.uni-collapse-item__title-arrow {
width: 40px;
.uni-icons {
color: #fff !important;
}
}
}
::v-deep.uni-collapse-item__wrap {
background: transparent !important;
}
}
.list-title,
.list-content {
background: #fff;
border-radius: 10px;
margin-bottom: 10px;
box-shadow: 0 1px 9px rgb(209, 209, 209, 0.5);
.fixed {
view {
font-size: 30rpx;
padding: 10px 0;
text-align: center;
flex: 1;
}
}
}
.list-content {
margin-bottom: 0;
.fixed {
view {
font-size: 28rpx;
border-bottom: 1px solid #f3f3f3;
}
}
}
}
</style>

2
pages/index.vue
View File

@ -606,7 +606,7 @@
//ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
'language': 'en',
//相册选择照片识别错误提示(ios)
'failedMsg': '未识别到二维码，请重试'
'failedMsg': '未识别到二维码，请重试',
//Android支持全屏需要设置此参数
'screenType': 'full'
}, (ret) => {