forked from ccsens_fe/tall-mui-3
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.3 KiB
59 lines
2.3 KiB
4 years ago
|
<template>
|
||
|
4 years ago
|
<view class="m-2">
|
||
|
4 years ago
|
<u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" :style="{ height: isShrink ? '96rpx' : '300rpx' }">
|
||
|
|
<!-- <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" style="height: 300rpx"> -->
|
||
|
4 years ago
|
<view slot="body">
|
||
|
4 years ago
|
<scroll-view :scrollY="true" :style="{ height: isShrink ? '40rpx' : '240rpx' }">
|
||
|
|
<view class="u-col-between p-0 u-skeleton">
|
||
|
|
<view class="u-line-2 u-skeleton-rect"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
|
||
|
|
<view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆222</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
4 years ago
|
</view>
|
||
|
|
</u-card>
|
||
|
4 years ago
|
<!-- <u-skeleton :animation="true" :loading="true" bgcolor="#fff"></u-skeleton> -->
|
||
|
4 years ago
|
</view>
|
||
|
|
</template>
|
||
4 years ago
|
|
||
|
4 years ago
|
<script>
|
||
|
4 years ago
|
import { mapState } from 'vuex';
|
||
|
4 years ago
|
export default {
|
||
|
|
name: 'Global',
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
4 years ago
|
computed: mapState('home', ['isShrink']),
|
||
|
4 years ago
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.u-card-wrap {
|
||
|
|
background-color: $u-bg-color;
|
||
|
|
padding: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-body-item {
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #333;
|
||
|
|
padding: 20rpx 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-body-item image {
|
||
|
|
width: 120rpx;
|
||
|
|
flex: 0 0 120rpx;
|
||
|
|
height: 120rpx;
|
||
|
|
border-radius: 8rpx;
|
||
|
|
margin-left: 12rpx;
|
||
|
|
}
|
||
|
|
</style>
|