hejiale/flyx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

合并代码

Browse Source
This commit is contained in:
zpc 2024-07-24 15:19:12 +08:00
commit 7fb1548546
3 changed files with 166 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages.json
View File

@ -403,6 +403,15 @@
"navigationStyle": "custom"
}
},
{
"path" : "pages/shouye/ranking",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path" : "pages/user/bangdingweb",
"style" :

100
pages/shouye/index.vue
View File

@ -6,8 +6,19 @@
<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"
@ -21,16 +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'}"
@ -122,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>
@ -453,12 +479,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;
@ -623,7 +665,7 @@
.news-box {
width: 710rpx;
height: 70rpx;
height: 43rpx;
margin: 50rpx auto 0;
display: flex;
justify-content: space-between;
@ -668,8 +710,8 @@
}
.yqhy {
width: 710rpx;
height: 170rpx;
width: 691rpx;
height: 230rpx;
margin: 30rpx auto 0;
}
@ -1123,4 +1165,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
View 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>