<template>
|
<view class="home-price">
|
<view class="flex t1">
|
<view>2024-06-03 09:20:19 花满芜成交均价</view>
|
<uni-icons class="m-l-a m-r-0" type="right"></uni-icons>
|
</view>
|
<view class="items" style="border-top: 2rpx solid #EEEEEE;">
|
<view class="flex" style="border-bottom: 2rpx solid #EEEEEE;padding-top: 24rpx;">
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
<view class="line"></view>
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
<view class="line"></view>
|
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
</view>
|
<!-- <u-divider></u-divider> -->
|
<view class="flex" style="padding-top: 24rpx;">
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
<view class="line"></view>
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
<view class="line"></view>
|
|
<view class="item flex1">
|
<view class="title">单头玫瑰</view>
|
<view class="price">
|
19.66
|
</view>
|
<view class="flex desc">
|
<view class="m-l-a m-r-a">+0.76</view>
|
<view class="m-l-a m-r-a text-right">+4.02%</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
};
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.home-price {
|
margin-top: 20rpx;
|
height: 414rpx;
|
background: #FFFFFF;
|
border-radius: 8rpx;
|
padding: 20rpx;
|
|
.items {
|
.line {
|
height: 104rpx;
|
background-color: #EEEEEE;
|
width: 2rpx;
|
}
|
|
.item {
|
padding: 24rpx 14rpx;
|
|
.title {
|
text-align: center;
|
font-weight: 600;
|
font-size: 24rpx;
|
color: #000000;
|
line-height: 34rpx;
|
}
|
|
.price {
|
font-weight: 600;
|
font-size: 32rpx;
|
color: #BF0000;
|
line-height: 44rpx;
|
text-align: center;
|
}
|
|
.desc {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #666666;
|
line-height: 34rpx;
|
}
|
}
|
}
|
|
.t1 {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #000000;
|
line-height: 34rpx;
|
padding-bottom: 18rpx;
|
}
|
}
|
</style>
|