<template>
|
<!-- 套餐 -->
|
<view>
|
<view class="content">
|
<view class="content-title">
|
<text>套餐项目权益</text>
|
</view>
|
<view class="content-row flex justify-between">
|
<text>深层皮肤管理</text>
|
<text>2次</text>
|
</view>
|
<view class="content-row flex justify-between">
|
<text>皮肤肌底修护液 (10%)</text>
|
<text>2次</text>
|
</view>
|
</view>
|
<view class="content mt-10">
|
<view class="content-title">
|
<text>套餐产品权益</text>
|
</view>
|
<view class="content-row flex justify-between">
|
<text>深层皮肤管理</text>
|
<text>2次</text>
|
</view>
|
<view class="content-row flex justify-between">
|
<text>皮肤肌底修护液 (10%)</text>
|
<text>2次</text>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
</script>
|
|
<style>
|
.content{
|
text-align: center;
|
background: #FFFFFF;
|
padding: 0 10px;
|
border-radius: 4px;
|
box-shadow:0 -6px 6px rgba(237,234,244,0.5);
|
font-size: 14px;
|
}
|
.content-title{
|
padding: 12px 0 0;
|
font-size: 15px;
|
}
|
.content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 12px 0;
|
}
|
.content-row:nth-last-child(1){
|
border: 0;
|
}
|
</style>
|
