首页,排行榜.
This commit is contained in:
parent
448d675596
commit
c5e14c0d57
381
manifest.json
381
manifest.json
|
|
@ -1,191 +1,192 @@
|
|||
{
|
||||
"name" : "枫岚云赏",
|
||||
"appid" : "__UNI__B7E0990",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.1",
|
||||
"versionCode" : 101,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
"usingComponents" : true,
|
||||
"nvueStyleCompiler" : "uni-app",
|
||||
"compilerVersion" : 3,
|
||||
"splashscreen" : {
|
||||
"alwaysShowBeforeRender" : true,
|
||||
"waiting" : true,
|
||||
"autoclose" : true,
|
||||
"delay" : 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules" : {
|
||||
"Payment" : {},
|
||||
"Share" : {},
|
||||
"OAuth" : {},
|
||||
"Push" : {},
|
||||
"Fingerprint" : {}
|
||||
},
|
||||
/* 应用发布信息 */
|
||||
"distribute" : {
|
||||
/* android打包配置 */
|
||||
"android" : {
|
||||
"permissions" : [
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.USE_FINGERPRINT\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios" : {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs" : {
|
||||
"ad" : {},
|
||||
"oauth" : {
|
||||
"weixin" : {
|
||||
"appid" : "wx2c73767b33de26fb",
|
||||
"appsecret" : "57b0a56910bc0a1625ddf3210585de1a",
|
||||
"UniversalLinks" : "https://help.wechat.com/tq/"
|
||||
},
|
||||
"apple" : {}
|
||||
},
|
||||
"payment" : {
|
||||
"weixin" : {
|
||||
"__platform__" : [ "ios", "android" ],
|
||||
"appid" : "wx2c73767b33de26fb",
|
||||
"UniversalLinks" : "https://help.wechat.com/tq/"
|
||||
}
|
||||
},
|
||||
"share" : {
|
||||
"weixin" : {
|
||||
"appid" : "wx2c73767b33de26fb",
|
||||
"UniversalLinks" : "https://help.wechat.com/tq/"
|
||||
}
|
||||
},
|
||||
"push" : {
|
||||
"unipush" : {}
|
||||
}
|
||||
},
|
||||
"icons" : {
|
||||
"android" : {
|
||||
"hdpi" : "",
|
||||
"xhdpi" : "",
|
||||
"xxhdpi" : "",
|
||||
"xxxhdpi" : ""
|
||||
},
|
||||
"ios" : {
|
||||
"appstore" : "",
|
||||
"ipad" : {
|
||||
"app" : "",
|
||||
"app@2x" : "",
|
||||
"notification" : "",
|
||||
"notification@2x" : "",
|
||||
"proapp@2x" : "",
|
||||
"settings" : "",
|
||||
"settings@2x" : "",
|
||||
"spotlight" : "",
|
||||
"spotlight@2x" : ""
|
||||
},
|
||||
"iphone" : {
|
||||
"app@2x" : "",
|
||||
"app@3x" : "",
|
||||
"notification@2x" : "",
|
||||
"notification@3x" : "",
|
||||
"settings@2x" : "",
|
||||
"settings@3x" : "",
|
||||
"spotlight@2x" : "",
|
||||
"spotlight@3x" : ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"splashscreen" : {
|
||||
"androidStyle" : "common",
|
||||
"android" : {
|
||||
"hdpi" : "C:/Users/Administrator/Desktop/imgs/dealer_bg.png",
|
||||
"xhdpi" : "C:/Users/Administrator/Desktop/imgs/dealer_bg.png",
|
||||
"xxhdpi" : "C:/Users/Administrator/Desktop/imgs/dealer_bg.png"
|
||||
}
|
||||
}
|
||||
},
|
||||
"uniStatistics" : {
|
||||
"enable" : true
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp" : {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin" : {
|
||||
"appid" : "wx82c787f79c22f012",
|
||||
"setting" : {
|
||||
"urlCheck" : false,
|
||||
"es6" : false,
|
||||
"postcss" : true,
|
||||
"minified" : true
|
||||
},
|
||||
"usingComponents" : true,
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"requiredPrivateInfos" : [
|
||||
"getLocation",
|
||||
"onLocationChange",
|
||||
"startLocationUpdateBackground",
|
||||
"chooseAddress"
|
||||
]
|
||||
},
|
||||
"mp-alipay" : {
|
||||
"usingComponents" : true,
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
}
|
||||
},
|
||||
"mp-baidu" : {
|
||||
"usingComponents" : true,
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
}
|
||||
},
|
||||
"mp-toutiao" : {
|
||||
"usingComponents" : true,
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
}
|
||||
},
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"h5" : {
|
||||
"router" : {
|
||||
"mode" : "history"
|
||||
},
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"devServer" : {
|
||||
"https" : false
|
||||
}
|
||||
},
|
||||
"vueVersion" : "2",
|
||||
"mp-kuaishou" : {
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
}
|
||||
},
|
||||
"mp-qq" : {
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
}
|
||||
}
|
||||
}
|
||||
"name": "枫岚云赏",
|
||||
"appid": "__UNI__B7E0990",
|
||||
"description": "",
|
||||
"versionName": "1.0.1",
|
||||
"versionCode": 101,
|
||||
"transformPx": false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus": {
|
||||
"usingComponents": true,
|
||||
"nvueStyleCompiler": "uni-app",
|
||||
"compilerVersion": 3,
|
||||
"splashscreen": {
|
||||
"alwaysShowBeforeRender": true,
|
||||
"waiting": true,
|
||||
"autoclose": true,
|
||||
"delay": 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules": {
|
||||
"Payment": {},
|
||||
"Share": {},
|
||||
"OAuth": {},
|
||||
"Push": {},
|
||||
"Fingerprint": {}
|
||||
},
|
||||
/* 应用发布信息 */
|
||||
"distribute": {
|
||||
/* android打包配置 */
|
||||
"android": {
|
||||
"permissions": [
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.USE_FINGERPRINT\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios": {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs": {
|
||||
"ad": {},
|
||||
"oauth": {
|
||||
"weixin": {
|
||||
"appid": "wx2c73767b33de26fb",
|
||||
"appsecret": "57b0a56910bc0a1625ddf3210585de1a",
|
||||
"UniversalLinks": "https://help.wechat.com/tq/"
|
||||
},
|
||||
"apple": {}
|
||||
},
|
||||
"payment": {
|
||||
"weixin": {
|
||||
"__platform__": ["ios", "android"],
|
||||
"appid": "wx2c73767b33de26fb",
|
||||
"UniversalLinks": "https://help.wechat.com/tq/"
|
||||
}
|
||||
},
|
||||
"share": {
|
||||
"weixin": {
|
||||
"appid": "wx2c73767b33de26fb",
|
||||
"UniversalLinks": "https://help.wechat.com/tq/"
|
||||
}
|
||||
},
|
||||
"push": {
|
||||
"unipush": {}
|
||||
}
|
||||
},
|
||||
"icons": {
|
||||
"android": {
|
||||
"hdpi": "",
|
||||
"xhdpi": "",
|
||||
"xxhdpi": "",
|
||||
"xxxhdpi": ""
|
||||
},
|
||||
"ios": {
|
||||
"appstore": "",
|
||||
"ipad": {
|
||||
"app": "",
|
||||
"app@2x": "",
|
||||
"notification": "",
|
||||
"notification@2x": "",
|
||||
"proapp@2x": "",
|
||||
"settings": "",
|
||||
"settings@2x": "",
|
||||
"spotlight": "",
|
||||
"spotlight@2x": ""
|
||||
},
|
||||
"iphone": {
|
||||
"app@2x": "",
|
||||
"app@3x": "",
|
||||
"notification@2x": "",
|
||||
"notification@3x": "",
|
||||
"settings@2x": "",
|
||||
"settings@3x": "",
|
||||
"spotlight@2x": "",
|
||||
"spotlight@3x": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"splashscreen": {
|
||||
"androidStyle": "common",
|
||||
"android": {
|
||||
"hdpi": "C:/Users/Administrator/Desktop/imgs/dealer_bg.png",
|
||||
"xhdpi": "C:/Users/Administrator/Desktop/imgs/dealer_bg.png",
|
||||
"xxhdpi": "C:/Users/Administrator/Desktop/imgs/dealer_bg.png"
|
||||
}
|
||||
}
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": true
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp": {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin": {
|
||||
// "appid" : "wx82c787f79c22f012",
|
||||
"appid": "wx22273e57f5fa8e36",
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
"es6": false,
|
||||
"postcss": true,
|
||||
"minified": true
|
||||
},
|
||||
"usingComponents": true,
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"requiredPrivateInfos": [
|
||||
"getLocation",
|
||||
"onLocationChange",
|
||||
"startLocationUpdateBackground",
|
||||
"chooseAddress"
|
||||
]
|
||||
},
|
||||
"mp-alipay": {
|
||||
"usingComponents": true,
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
}
|
||||
},
|
||||
"mp-baidu": {
|
||||
"usingComponents": true,
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
}
|
||||
},
|
||||
"mp-toutiao": {
|
||||
"usingComponents": true,
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
}
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"h5": {
|
||||
"router": {
|
||||
"mode": "history"
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"devServer": {
|
||||
"https": false
|
||||
}
|
||||
},
|
||||
"vueVersion": "2",
|
||||
"mp-kuaishou": {
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
}
|
||||
},
|
||||
"mp-qq": {
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -402,6 +402,15 @@
|
|||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shouye/ranking",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
"subPackages": [{
|
||||
|
|
|
|||
|
|
@ -6,12 +6,25 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
|
||||
<view class="flex">
|
||||
<image class="img100" :src="$img1('common/indexTitle.png')"></image>
|
||||
<view class="flex" style="width: 100%;">
|
||||
<!-- <image class="img100" :src="$img1('common/indexTitle.png')"></image> -->
|
||||
<view class="title1">
|
||||
枫岚云赏
|
||||
</view>
|
||||
<!-- 公告 -->
|
||||
<view class="news-box relative" :style="{ backgroundImage: `url(${$img1('index/notification.png')})`}"
|
||||
@click="$refs.rulePop.getRule(3, '提示')">
|
||||
<view class="news-text">
|
||||
<uni-notice-bar :style="{width: `100%`}" :speed="8" background-color="transparent" color="#fff"
|
||||
scrollable single :text="$c.filterText(gonggao)"></uni-notice-bar>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback" @up="loadData">
|
||||
<swiper class="swiper-box" :autoplay="true" :indicator-dots="false" :circular="true" :interval="3000" @change="swChange">
|
||||
<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback"
|
||||
@up="loadData">
|
||||
<swiper class="swiper-box" :autoplay="true" :indicator-dots="false" :circular="true" :interval="3000"
|
||||
@change="swChange">
|
||||
<swiper-item v-for="(v, i) in advert" :key="i" @click="$c.navTo(v)">
|
||||
<image class="yh_bg" :src="v.imgurl"></image>
|
||||
</swiper-item>
|
||||
|
|
@ -19,14 +32,20 @@
|
|||
<view class="sw-dot relative">
|
||||
<view class="sw-dot-item" v-for="(item, i) in advert" :key="i" :class="{act: swCur == i}"></view>
|
||||
</view>
|
||||
<view class="news-box relative" :style="{ backgroundImage: `url(${$img1('index/notification.png')})`}" @click="$refs.rulePop.getRule(3, '提示')">
|
||||
<view class="news-text">
|
||||
<uni-notice-bar :style="{width: `100%`}" :speed="8" background-color="transparent" color="#fff" scrollable single :text="$c.filterText(gonggao)"></uni-notice-bar>
|
||||
|
||||
<!-- 推荐上新 -->
|
||||
<view class="flex yqhy" style="margin-top: 60rpx; position: relative;"
|
||||
@tap="$c.to({url:'/pages/user/tui-guang'})">
|
||||
<image class="img100" style="position: absolute; display: flex; justify-content: center;"
|
||||
:src="$img1('/image/tuijian.png')"></image>
|
||||
<view class=""
|
||||
style="position: absolute; width: 585rpx; height: 230rpx; margin-left: 85rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between;">
|
||||
<view class="" style="width: 181rpx; height: 181rpx; background-color: aquamarine;"></view>
|
||||
<view class="" style="width: 181rpx; height: 181rpx; background-color: aquamarine;"></view>
|
||||
<view class="" style="width: 181rpx; height: 181rpx; background-color: aquamarine;"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex yqhy" @tap="$c.to({url:'/pages/user/tui-guang'})">
|
||||
<image class="img100" :src="$img1('/index/yqhy.png')"></image>
|
||||
</view>
|
||||
|
||||
<scroll-view scroll-x class="tab-list">
|
||||
<view @click="getlist(i)"
|
||||
:style="{background:tabCur == i? 'url('+ $img1('index/tabCheck.png')+') no-repeat 0 0 / 100% 100%':'none'}"
|
||||
|
|
@ -118,10 +137,21 @@
|
|||
</uni-popup>
|
||||
<!-- <tab-bar :index="0"></tab-bar> -->
|
||||
|
||||
<!-- 进福利群 -->
|
||||
<view class="group-fixed" @click="$refs.qunliao_show.open()">
|
||||
<image :src="$img1('common/jqfl.png')"></image>
|
||||
</view>
|
||||
|
||||
<!-- 邀请好友 -->
|
||||
<view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
|
||||
<image :src="$img1('common/yqhy.png')"></image>
|
||||
</view>
|
||||
|
||||
<!-- 排行榜 -->
|
||||
<view class="group-fixed1" @click="toRanking()">
|
||||
<image :src="$img1('image/paihangbang.png')"></image>
|
||||
</view>
|
||||
|
||||
<rule-pop ref="rulePop"></rule-pop>
|
||||
|
||||
<rule-pop ref="appNotice" notice-check></rule-pop>
|
||||
|
|
@ -162,7 +192,7 @@
|
|||
id: 9,
|
||||
title: '枫岚赏'
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
id: 8,
|
||||
title: '领主赏'
|
||||
|
|
@ -445,12 +475,28 @@
|
|||
this.mescroll.scrollTo(0, 0)
|
||||
|
||||
// this.loadData(1)
|
||||
},
|
||||
|
||||
toRanking() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/shouye/ranking'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.title1 {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
}
|
||||
|
||||
.navLeft {
|
||||
position: fixed;
|
||||
left: 30rpx;
|
||||
|
|
@ -615,7 +661,7 @@
|
|||
|
||||
.news-box {
|
||||
width: 710rpx;
|
||||
height: 70rpx;
|
||||
height: 43rpx;
|
||||
margin: 50rpx auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -660,8 +706,8 @@
|
|||
}
|
||||
|
||||
.yqhy {
|
||||
width: 710rpx;
|
||||
height: 170rpx;
|
||||
width: 691rpx;
|
||||
height: 230rpx;
|
||||
margin: 30rpx auto 0;
|
||||
}
|
||||
|
||||
|
|
@ -1101,8 +1147,8 @@
|
|||
}
|
||||
|
||||
.group-fixed {
|
||||
width: 164rpx;
|
||||
height: 164rpx;
|
||||
width: 141rpx;
|
||||
height: 50rpx;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
right: 0;
|
||||
|
|
@ -1115,4 +1161,36 @@
|
|||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.group-fixed2 {
|
||||
width: 141rpx;
|
||||
height: 50rpx;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
right: 0;
|
||||
bottom: 25vh;
|
||||
|
||||
animation: zoom 1.2s ease-in-out infinite;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.group-fixed1 {
|
||||
width: 50rpx;
|
||||
height: 140rpx;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
right: 0;
|
||||
top: 21vh;
|
||||
|
||||
// animation: zoom 1.2s ease-in-out infinite;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
70
pages/shouye/ranking.vue
Normal file
70
pages/shouye/ranking.vue
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<template>
|
||||
<view style="width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center;">
|
||||
<view class="navLeft" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
|
||||
<uni-icons type="left" style="position: absolute; left: 30rpx;" color="#FFFFFF"></uni-icons>
|
||||
<view class="">排行榜</view>
|
||||
</view>
|
||||
|
||||
<view class="" style="margin-top: 90rpx; width: 683rpx; height: 286rpx; background-color: aquamarine;">
|
||||
55555555
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 683rpx; margin-top: 43rpx;">
|
||||
<view class="" v-for="(index,data) in list" style="display: flex; flex-direction: row; align-items: center; margin-top: 22rpx;">
|
||||
<view class="" style="width: 30rpx; height: 35rpx; background-color: aquamarine;">
|
||||
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 94rpx; height: 94rpx; background-color: azure; margin-left: 30rpx;">
|
||||
|
||||
</view>
|
||||
<view class="" style="display: flex; flex-direction: column; margin-left: 28rpx;">
|
||||
<text style="font-size: 33rpx; color: white;">昵称昵称</text>
|
||||
<text style="font-size: 22rpx; color: #B8B8B8; margin-top: 15rpx;">ID：1234567</text>
|
||||
</view>
|
||||
|
||||
<view class="" style="position: absolute; right: 33rpx;">
|
||||
<span style="color: white; font-size: 27rpx;">￥<span style="font-size: 41rpx;">99999</span></span>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
var list;
|
||||
return {
|
||||
list: [1, 2, 3, 4, 5],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.navLeft {
|
||||
position: relative;
|
||||
|
||||
height: 44px;
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center !important;
|
||||
|
||||
>view {
|
||||
width: 100%;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
position: absolute;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
font-size: 50rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user