80 lines
3.5 KiB
Plaintext
80 lines
3.5 KiB
Plaintext
<!--pages/garden/index.wxml-->
|
||
<view>
|
||
<!-- top -->
|
||
<view class="top primary-bg">
|
||
<view style="padding-top: 128rpx; padding-left: 32rpx;" class="white">
|
||
<view class="bold font-16">天气晴朗</view>
|
||
<view>
|
||
<view class="flex flex-center flex-justify-start">
|
||
<t-icon name="fog-sunny" size="32"></t-icon>
|
||
<view class="bold mt-16 ml-16" style="font-size: 40px;">20 ℃ </view>
|
||
</view>
|
||
<view wx:if="{{leftList.length > 0}}">
|
||
<view>花园健康度 83 分， 今日需养护 2 株植物</view>
|
||
<view class="mt-16 font-12" style="color: #E2B43F;">龟背竹长期未更新照片</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view style="height: 89vh;" wx:if="{{leftList.length > 0}}">
|
||
<view class="waterfall" scroll-y="{{true}}">
|
||
<view class="column">
|
||
<block wx:for="{{rightList}}" wx:key="id">
|
||
<view class="mb-32 card">
|
||
<image src="{{item.pic}}" mode="widthFix" class="img"></image>
|
||
<view style="padding: 0 16rpx 16rpx 16rpx ;">
|
||
<view class="font-16 bold">{{item.name}}</view>
|
||
<view class="grey font-12">今日无需养护</view>
|
||
<view class="grey font-12">上次养护：2 天前</view>
|
||
<view class="grey font-12">健康指数：83%</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
|
||
<view class="column">
|
||
<block wx:for="{{leftList}}" wx:key="id">
|
||
<view class="mb-32 card">
|
||
<image src="{{item.pic}}" mode="widthFix" class="img"></image>
|
||
<view style="padding: 0 16rpx 16rpx 16rpx ;">
|
||
<view class="font-16 bold">{{item.name}}</view>
|
||
<view class="grey font-12">今日无需养护</view>
|
||
<view class="grey font-12">上次养护：2 天前</view>
|
||
<view class="grey font-12">健康指数：83%</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view wx:else>
|
||
<view class="flex flex-center flex-col " style="margin-top: 60rpx;">
|
||
<view class="empty flex flex-center flex-col">
|
||
</view>
|
||
<view class="mt-16 flex flex-center flex-col">
|
||
<view class="font-16 bold">欢迎来到你的秘密花园 🌿~</view>
|
||
<view class="font-12 grey mt-16">从添加第一盆植物开始你的养花之旅吧</view>
|
||
</view>
|
||
<view style="width: 100vw; margin-top: 32rpx; " class="flex flex-center flex-col">
|
||
<t-button theme="primary" style="width: 60%;" size="small" shape="round" bind:tap="goAdd">添加我的第一盆植物</t-button>
|
||
</view>
|
||
<view class="mt-32 white-bg padding row">
|
||
<view class="flex flex-center font-12 grey">您还可以从以下热门植物中，免费领取</view>
|
||
<view class="grid mt-32">
|
||
<view wx:for="{{6}}">
|
||
<image src="https://www.xnbl.net/file/upload/202311/09/094651507814.jpg.middle.jpg" style="width:40vw;height: 40vw; border-top-left-radius: 12rpx;border-top-right-radius: 12rpx;" mode="widthFix"></image>
|
||
<view>
|
||
<view class="flex flex-center flex-justify-start">
|
||
<view class="font-16 bold">绿萝</view>
|
||
<t-tag theme="primary" class="ml-16" size="small">超好养</t-tag>
|
||
</view>
|
||
<view class="font-12 grey">日照充足、超级好养</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<t-fab icon="add" bind:click="goAdd" aria-label="增加"></t-fab>
|
||
|
||
</view> |