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.
80 lines
1.6 KiB
80 lines
1.6 KiB
<template>
|
|
<div>
|
|
<Hello />
|
|
<CommonHello />
|
|
|
|
{{ testString }}
|
|
|
|
<van-image
|
|
class="user-poster"
|
|
src="https://img.yzcdn.cn/public_files/2017/10/23/8690bb321356070e0b8c4404d087f8fd.png"
|
|
/>
|
|
<van-row class="user-links">
|
|
<van-col span="6">
|
|
<van-icon name="pending-payment" />
|
|
待付款
|
|
</van-col>
|
|
<van-col span="6">
|
|
<van-icon name="records" />
|
|
待接单
|
|
</van-col>
|
|
<van-col span="6">
|
|
<van-icon name="tosend" />
|
|
待发货
|
|
</van-col>
|
|
<van-col span="6">
|
|
<van-icon name="logistics" />
|
|
已发货
|
|
</van-col>
|
|
</van-row>
|
|
|
|
<van-cell-group class="user-group">
|
|
<van-cell icon="records" title="全部订单" is-link />
|
|
</van-cell-group>
|
|
|
|
<van-cell-group>
|
|
<van-cell icon="points" title="我的积分" is-link />
|
|
<van-cell icon="gold-coin-o" title="我的优惠券" is-link />
|
|
<van-cell icon="gift-o" title="我收到的礼物" is-link />
|
|
</van-cell-group>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
layout: 'default',
|
|
};
|
|
</script>
|
|
|
|
<script setup>
|
|
const testString = ref('Hello world');
|
|
</script>
|
|
|
|
<style lang="less">
|
|
body {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
background-color: #f8f8f8;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.user {
|
|
&-poster {
|
|
width: 100%;
|
|
height: 53vw;
|
|
display: block;
|
|
}
|
|
&-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
&-links {
|
|
padding: 15px 0;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
.van-icon {
|
|
display: block;
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|