108 lines
4.6 KiB
Plaintext
108 lines
4.6 KiB
Plaintext
<!--pages/knowlage/info.wxml-->
|
|
<view>
|
|
<!-- top -->
|
|
<view class="top" style="position: relative; z-index: 2;">
|
|
<image src="{{info.pic}}" style="width: 100vw; height: 680rpx;" mode="aspectFill"></image>
|
|
</view>
|
|
<!-- back -->
|
|
<view style="z-index: 999;position: fixed; top: 110rpx; left: 32rpx; background-color: #34343482 ; width: 60rpx ; height: 60rpx; border-radius: 30rpx; " bind:tap="goBack">
|
|
<view class="flex flex-center" style="width: 100%;height: 100%;">
|
|
<t-icon name="chevron-left" size="48rpx" style="color: white;"></t-icon>
|
|
</view>
|
|
</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-between" style="padding: 32rpx 32rpx 0rpx 32rpx">
|
|
<view class="flex flex-center flex-justify-start">
|
|
<view class="font-16 bold ">{{info.name}}</view>
|
|
<view class="font-12 grey ml-16">属于 {{info.genus}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="padding font-14">常用名：{{info.aliases}}</view>
|
|
<view class="font-14" style="padding: 0rpx 32rpx 32rpx 32rpx">植物学名称：{{info.latinName}}</view>
|
|
<view style="padding: 0rpx 32rpx 32rpx 32rpx">
|
|
<view class="grid">
|
|
<view style="width: 100%;background-color: #4B84EE1C;border-radius: 8rpx;text-align: center;padding: 10rpx 0;">🌍 多年生</view>
|
|
<view style="width: 100%;background-color: #4B84EE1C;border-radius: 8rpx;text-align: center;padding: 10rpx 0;">🌞 中光照</view>
|
|
<view style="width: 100%;background-color: #4B84EE1C;border-radius: 8rpx;text-align: center;padding: 10rpx 0;">易养活</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="margin-top: 310rpx;" class="padding">
|
|
<view class="white-bg row">
|
|
<view class="padding">
|
|
<view class="bold">光照</view>
|
|
<view class="flex flex-center flex-justify-start mt-32">
|
|
<view class="avatar flex flex-center white mr-32">
|
|
<t-icon name="fog" class="white" size="24"></t-icon>
|
|
</view>
|
|
<view>{{info.lightIntensity}}</view>
|
|
</view>
|
|
<view class="flex flex-center flex-justify-start mt-32">
|
|
<view class="avatar flex flex-center white mr-32" style="background-color: rgba(24, 24, 202, 0.2);">
|
|
<t-icon name="sunny" class="white" size="24"></t-icon>
|
|
</view>
|
|
<view>{{info.lightType}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="white-bg row mt-32">
|
|
<view class="padding">
|
|
<view class="bold">特征</view>
|
|
<view class="mt-32">{{info.lifeCycle}}</view>
|
|
<view class="mt-16">
|
|
适宜温度范围： 15 - 25℃
|
|
</view>
|
|
<view class="mt-16 font-sub font-14">{{info.growthHabit}}</view>
|
|
<view class="mt-16 font-sub font-14">{{info.floweringPeriod}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="white-bg row mt-32">
|
|
<view class="padding">
|
|
<view class="bold">花型</view>
|
|
<view class="flex flex-center flex-justify-start mt-32">
|
|
<view class="avatar flex flex-center white mr-32">
|
|
<t-icon name="chinese-cabbage" class="white" size="24"></t-icon>
|
|
</view>
|
|
<view>{{info.floweringColor}}</view>
|
|
</view>
|
|
<view class="flex flex-center flex-justify-start mt-32">
|
|
<view class="avatar flex flex-center white mr-32">
|
|
<t-icon name="chinese-cabbage" class="white" size="24"></t-icon>
|
|
</view>
|
|
<view>
|
|
<view class="bold">{{info.flowerDiameter}}mm</view>
|
|
<view class="font-sub font-12">花直径</view>
|
|
</view>
|
|
</view>
|
|
<view class="mt-32 font-14 font-sub">{{info.floweringPeriod}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="white-bg row mt-32">
|
|
<view class="padding">
|
|
<view class="bold">叶</view>
|
|
<view class="flex flex-center flex-justify-start mt-32">
|
|
<view class="avatar flex flex-center white mr-32">
|
|
<t-icon name="chinese-cabbage" class="white" size="24"></t-icon>
|
|
</view>
|
|
<view>{{info.foliageType}}</view>
|
|
</view>
|
|
<view class="mt-32 font-14 font-sub">{{info.foliageColor}}</view>
|
|
<view class="mt-16 font-14 font-sub">{{info.foliageShape}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="white-bg row mt-32">
|
|
<view class="padding">
|
|
<view class="bold">常见病虫害</view>
|
|
<view class="mt-32 font-14 font-sub">{{info.pestsDiseases}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |