<!--
 * @Author: aBin
 * @email: binbin0314@126.com
 * @Date: 2021-07-19 10:52:05
 * @LastEditors: aBin
 * @LastEditTime: 2021-07-19 16:37:35
-->
<template>
  <view>
    <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25">
      <view slot="body">
        <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>
      </view>
    </u-card>
    <u-skeleton :loading="true" :animation="true" bgColor="#fff"></u-skeleton>
  </view>
</template>
<script>
export default {
  name: 'Global',
  data() {
    return {};
  },
};
</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>
