<template>
|
<view class="container">
|
<cu-custom bgColor="bg-blue" :isBack="true">
|
<block slot="backText"></block>
|
<block slot="content">配方详情</block>
|
</cu-custom>
|
|
<view class="bg-top bg-blue">
|
<view class="top-box shadow">
|
<view class="qh-pic cu-avatar xl"
|
style="background-image:url(https://img1.baidu.com/it/u=3632668541,1209310056&fm=253&fmt=auto?w=166&h=166)">
|
</view>
|
<view class="qh-title text-bold text-blue text-xl">
|
<text>配方属性</text>
|
</view>
|
|
<!-- :class="[menuBorder?'sm-border':'',menuCard?'card-menu margin-top':'']" -->
|
<view class="cu-list menu">
|
|
|
<view class="cu-item" style="padding: 0;">
|
<view class="content">
|
<text class="cuIcon-timefill text-green"></text>
|
<text class="text-black">类型</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-green light">根茎类</view>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class="content">
|
<text class="cuIcon-timefill text-blue margin-right-xs"></text>
|
<text class="text-black">名称</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">人参</view>
|
</view>
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="center-box shadow">
|
<view class="cu-list menu">
|
<view class="cu-bar bg-white margin-top-xs u-border-bottom">
|
<view class="action sub-title">
|
<text class="text-xl text-bold text-blue text-shadow">配方参数</text>
|
<text class="text-ABC text-blue"></text>
|
</view>
|
</view>
|
<view class="cu-item" style="padding: 0;">
|
<view class="content">
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class="text-lg">环境温度</text>
|
</view>
|
<view class="action">
|
<text class="text-grey text-sm">25℃</text>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class='content'>
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class='text-lg'>环境湿度</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">
|
50%
|
</view>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class='content'>
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class='text-lg'>热风温度</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">
|
70℃
|
</view>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class='content'>
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class='text-lg'>滚筒延时</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">
|
5ms
|
</view>
|
</view>
|
</view>
|
|
|
</view>
|
</view>
|
|
<view class="center-box shadow">
|
<view class="cu-list menu">
|
<view class="cu-bar bg-white margin-top-xs u-border-bottom">
|
<view class="action sub-title">
|
<text class="text-xl text-bold text-blue text-shadow">干燥参数</text>
|
<text class="text-ABC text-blue"></text>
|
</view>
|
</view>
|
<view class="cu-item" style="padding: 0;">
|
<view class="content">
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class="text-lg">干燥总时间</text>
|
</view>
|
<view class="action">
|
<text class="text-grey text-sm">90min</text>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class='content'>
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class='text-lg'>初始含水率</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">
|
50%
|
</view>
|
</view>
|
</view>
|
|
<view class="cu-item" style="padding: 0;">
|
<view class='content'>
|
<text class="cuIcon-timefill text-blue"></text>
|
<text class='text-lg'>目标含水率</text>
|
</view>
|
<view class="action">
|
<view class="cu-tag round bg-blue light">
|
11%
|
</view>
|
</view>
|
</view>
|
|
|
|
</view>
|
</view>
|
|
|
<view class="padding-lr" style="margin-top: 15rpx; margin-bottom: 30rpx;">
|
<text class="text-grey text-sm">"配方" 信息</text>
|
</view>
|
|
</view>
|
|
|
</view>
|
</template>
|
|
<script>
|
// import request from '@/common/request.js';
|
export default {
|
data() {
|
return {
|
joinList: [{
|
|
},
|
{
|
|
}
|
]
|
}
|
},
|
onShow() {
|
|
},
|
onLoad() {
|
|
},
|
onReachBottom() {
|
|
},
|
onShareAppMessage() {
|
return {
|
title: '分享'
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.container {
|
width: 750rpx;
|
color: #333333;
|
|
.bg-top {
|
margin-top: -1rpx;
|
width: 750rpx;
|
height: 220rpx;
|
padding-top: 50rpx;
|
border-radius: 0 0 20% 20%;
|
|
.top-box {
|
width: 700rpx;
|
background-color: #FFFFFF;
|
margin: 0 auto;
|
border-radius: 20rpx;
|
padding: 20rpx 30rpx 0rpx;
|
position: relative;
|
|
.qh-pic {
|
position: absolute;
|
right: 64rpx;
|
top: -50rpx;
|
border-radius: 12rpx;
|
}
|
|
.qh-title {
|
width: 100%;
|
height: 60rpx;
|
line-height: 65rpx;
|
padding-right: 190rpx;
|
}
|
|
.bxBox {
|
position: relative;
|
display: flex;
|
/* padding: 0 30rpx; */
|
min-height: 100rpx;
|
/* background-color: #ffffff; */
|
/* justify-content: space-between; */
|
align-items: center;
|
font-size: 30rpx;
|
line-height: 1.6em;
|
flex: 1;
|
|
.bxImg {
|
display: inline-block;
|
margin-right: 10rpx;
|
width: 1.6em;
|
text-align: center;
|
}
|
}
|
|
}
|
}
|
|
.center-box {
|
color: #333333;
|
width: 700rpx;
|
background-color: #FFFFFF;
|
margin: 0 auto;
|
border-radius: 20rpx;
|
padding: 0rpx 30rpx 0rpx;
|
position: relative;
|
margin-top: 20rpx;
|
}
|
}
|
</style>
|
