123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <template>
- <view class="content">
- <view class="user-info flex">
- <image src="" mode="" class="user-img"></image>
- <view class="user-name">
- 假猪套天下第一
- </view>
- <view class="tit">
- 尚未升级黑钻会员
- </view>
- </view>
- <view class="up-box">
- <view class="up">
- <image src="../../static/img/upone.png" mode="" class="bg"></image>
- <view class="up-price">
- <text class="inconn">¥</text><text>10000</text>
- </view>
- <image src="../../static/img/uonow.png" mode="" class="uplevel" @click="navto('/pages/index/info')"></image>
- </view>
- <view class="up">
- <image src="../../static/img/uptow.png" mode="" class="bg"></image>
- <view class="up-price">
- <text class="inconn">¥</text><text>60000</text>
- </view>
- <image src="../../static/img/uonow.png" mode="" class="uplevel" @click="navto('/pages/index/info')"></image>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
-
- }
- },
- methods: {
- navto(url) {
- uni.navigateTo({
- url
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .user-info {
- flex-direction: column;
- align-items: center;
- text-align: center;
- padding-top: 20rpx;
- .user-img {
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
- background-color: #eee;
- }
- .user-name {
- margin-top: 20rpx;
- width: 240rpx;
- font-size: 32rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: #FFFFFF;
-
- }
- .tit {
- padding-top: 8rpx;
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #999999;
- }
- }
- .up-box {
- padding: 30rpx 0 100rpx 0;
- .up {
- width: 690rpx;
- height: 892rpx;
- position: relative;
- margin: 0 auto 34rpx;
- .bg {
- width: 690rpx;
- height: 892rpx;
- position: absolute;
- }
- .up-price {
- font-size: 116rpx;
- display: inline-block;
- font-family: Source Han Sans CN;
- font-weight: 800;
- color: #C63535;
- position: absolute;
- top: 250rpx;
- right: 0;
- left: 0;
- margin: auto;
- display: flex;
- justify-content: center;
- .inconn {
- font-size: 36rpx;
- font-family: Source Han Sans CN;
- font-weight: bold;
- color: #C63535;
- padding-top: 25rpx;
- }
- }
- .uplevel {
- width: 307rpx;
- height: 80rpx;
- position: absolute;
- bottom: 118rpx;
- right: 0;
- left: 0;
- margin: auto;
- }
- }
-
- }
- </style>
|