79 lines
1.4 KiB
Vue
79 lines
1.4 KiB
Vue
|
<template>
|
||
|
<view class="content">
|
||
|
<view class="card">
|
||
|
<view class="tit">
|
||
|
<view class="">
|
||
|
编号: 52656
|
||
|
</view>
|
||
|
<view class="">
|
||
|
溯源码: 52656
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="card-li">
|
||
|
<view class="">
|
||
|
养殖品种: 土豆
|
||
|
</view>
|
||
|
<view class="">
|
||
|
年龄: 的划分等级
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="card-li">
|
||
|
<view class="">
|
||
|
养殖类型: 20亩
|
||
|
</view>
|
||
|
<view class="">
|
||
|
体重: 45kg
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
|
||
|
<view class="card">
|
||
|
<view class="card-li">
|
||
|
<view class="" style="display: flex;align-items: center;">
|
||
|
<u--image src="/static/img/GG.png" style="margin: 0 21rpx;" width="80rpx" height="80rpx"></u--image>
|
||
|
当前养殖状态
|
||
|
</view>
|
||
|
<view class="" style="color: green;">
|
||
|
健康
|
||
|
</view>
|
||
|
</view>
|
||
|
|
||
|
</view>
|
||
|
<view class="">
|
||
|
<view class="" style="margin-bottom: 20rpx;">
|
||
|
饲养记录
|
||
|
</view>
|
||
|
<myTable></myTable>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script setup>
|
||
|
import myTable from "@/components/myTable/index.vue"
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
.card {
|
||
|
margin-bottom: 20rpx;
|
||
|
|
||
|
.tit {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
padding-bottom: 20rpx;
|
||
|
border-bottom: 1px solid #EBF1EF;
|
||
|
}
|
||
|
|
||
|
.card-li {
|
||
|
margin-top: 20rpx;
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: center;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.table {
|
||
|
margin-top: 20rpx;
|
||
|
height: 500rpx;
|
||
|
background-color: red;
|
||
|
}
|
||
|
</style>
|