调整页面在微信模拟器下的样式

This commit is contained in:
sfmind
2022-04-19 17:58:39 +08:00
parent b24803cf22
commit 671b5d343e
14 changed files with 265 additions and 136 deletions

View File

@ -1,5 +1,18 @@
<template>
<view class="container"> </view>
<view class="container">
<view class="cart-empty">
<u-empty mode="car" width="500rpx" height="500rpx" icon="/static/images/empty/cart.png"></u-empty>
</view>
<view class="login-tips-box">
<view class="login-tips">
<navigator url="/pages/login/login" open-type="navigate" hover-class="none">
<text class="login-link">登录</text>
</navigator>
<text>查看购物车</text>
</view>
</view>
</view>
</template>
<script>
@ -14,4 +27,21 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.cart-empty {
padding-top: 100rpx;
}
.login-tips-box {
padding-top: 100rpx;
.login-tips {
@include flex-center;
color: #939393;
font-size: 28rpx;
letter-spacing: 5rpx;
}
.login-link {
color: $u-primary;
}
}
</style>