100 lines
3.7 KiB
Plaintext
100 lines
3.7 KiB
Plaintext
<!--pages/add/info.wxml-->
|
|
<view>
|
|
<view wx:if="{{info}}">
|
|
<!-- top -->
|
|
<view class="top" style="position: relative; z-index: 2;">
|
|
<image src="https://res.catter.cn/pub/2025/09/30/20250930150006852.png" style="width: 100vw; height: 680rpx;" mode="aspectFill"></image>
|
|
</view>
|
|
|
|
|
|
<!-- back -->
|
|
<view style="z-index: 99;position: absolute; top: 110rpx; left: -20rpx; padding: 0 32rpx; " bind:tap="goBack">
|
|
<t-icon name="chevron-left" size="58rpx" style="color: white;"></t-icon>
|
|
</view>
|
|
|
|
<!-- info -->
|
|
<view style="background-color:white;margin-top: -130rpx;z-index: 99;position: absolute; width: 100vw; border-top-right-radius: 50rpx; border-top-left-radius: 50rpx;">
|
|
<view class="flex flex-center flex-justify-start" style="padding: 52rpx 0 10rpx 32rpx">
|
|
<view class="font-16 bold ">{{info.name}}</view>
|
|
<view class="font-12 grey ml-16">{{info.genus}}</view>
|
|
</view>
|
|
<view style="padding: 0rpx 0 10rpx 32rpx">{{info.latinName}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="padding white-bg ">
|
|
<view class="flex flex-center flex-justify-start">
|
|
<view>常用名：</view>
|
|
<view class="bold">{{info.aliases}}</view>
|
|
</view>
|
|
<view class="grey" style="margin-top: 10rpx;">{{info.growthHabit}}</view>
|
|
</view>
|
|
|
|
<view class="padding" style="padding-bottom: 240rpx;">
|
|
<view>
|
|
<view class="row padding ">
|
|
<view>浇水</view>
|
|
<view class="flex flex-justify-start flex-justify-start mt-16">
|
|
<t-avatar shape="round" icon="color-invert" />
|
|
<view class="font-14 bold ml-16">每7天一次</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="row padding mt-32">
|
|
<view>施肥</view>
|
|
<view class="flex flex-justify-start flex-justify-start mt-16">
|
|
<t-avatar shape="round" icon="color-invert" />
|
|
<view>
|
|
<view class="bold ml-16">每1月一次</view>
|
|
<view class="ml-16 grey">液体肥料</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-justify-start flex-justify-start mt-32">
|
|
<t-avatar shape="round" icon="color-invert" />
|
|
<view>
|
|
<view class="bold ml-16">每1月一次</view>
|
|
<view class="ml-16 grey">缓释肥</view>
|
|
</view>
|
|
</view>
|
|
<view class="mt-32">推荐肥料</view>
|
|
|
|
<view class="mt-16">
|
|
<t-tag class="margin-16" variant="light" shape="round">树木、灌木专用肥料</t-tag>
|
|
<t-tag class="margin-16" variant="light" shape="round">通用型植物肥料</t-tag>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class="row padding mt-32">
|
|
<view>修剪</view>
|
|
<view class="flex flex-justify-start flex-justify-start mt-16">
|
|
<t-avatar shape="round" icon="color-invert" />
|
|
<view class="font-14 bold ml-16">每7天一次</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="row padding mt-32">
|
|
<view>光照</view>
|
|
<view class="flex flex-justify-start flex-justify-start mt-16">
|
|
<t-avatar shape="round" icon="sunny" />
|
|
<view class="font-14 bold ml-16">{{info.lightIntensity}}、{{info.lightType}}</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="row padding mt-32">
|
|
<view>病害</view>
|
|
<view style="margin-top: 16rpx;">
|
|
<t-tag class="margin-16" wx:for="{{info.pestsList}}" theme="danger" style="margin-right: 10rpx;" variant="light" >{{item}}</t-tag>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bottom">
|
|
<view class="flex flex-center flex-col">
|
|
<t-button shape="round" theme="primary" style="width: 80%;" bind:tap="add">获取养护日程</t-button>
|
|
<t-button shape="round" theme="text" style="width: 80%; margin-top: 16rpx;">立即拥有</t-button>
|
|
</view>
|
|
</view>
|
|
</view> |