hly
/
pay-video-applet-uniapp-24-8-22
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

修改bug

master
前端-胡立永 10 months ago
parent
73b44ffa1e
commit
64f45a7e9e
4 changed files with 367 additions and 373 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +224
    -221
      pages/index/center.vue
  2. +1
    -1
      pages/publish/actorDetail.vue
  3. +2
    -2
      pages_mine/mine/promotionRecord.vue
  4. +140
    -149
      pages_mine/mine/releaseRecord.vue

+ 224
- 221
pages/index/center.vue View File

@ -1,232 +1,235 @@
<template>
<view style="display: flex;flex-direction: column; width: 100vw;height: 100vh;">
<tabber :select="2"/>
<!-- 顶部 -->
<view style="width: 100%;height: 30%;">
<image src="https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png" style="width: 100%;height: 100%;"></image>
</view>
<!--中部 用户信息-->
<view
style="border-radius: 20rpx;position: absolute;top: 20%;left: 10%; width:80%;height: 12%;z-index: 1;background: white;">
<!--头像-->
<view
style="position: absolute;z-index:2;width:30%;height:90%;border-radius: 50%;overflow: hidden;top: -32%;left: 2%;">
<image :src="userInfo.headImage || '微信用户'" style="width: 100%;height: 100%;"></image>
</view>
<!--福利中心-->
<view style="position: absolute;z-index:2;width:33%;height:30%;top: 13%;right: 2%;">
<image src="/static/image/center/flzx.png" style="width: 100%;height: 100%;"></image>
</view>
<!-- 未认证-->
<view style="position: absolute;z-index:2;width:15%;height:20%;top: 45%;left: 28%;">
<image src="/static/image/center/wrz.png" style="width: 100%;height: 100%;"></image>
</view>
<!-- 去认证 -->
<view style="position: absolute;z-index:2;width:55%;height:20%;top: 43%;left: 46%;">
<view style="display: flex;flex-direction: column; width: 100vw;height: 100vh;">
<tabber :select="2" />
<!-- 顶部 -->
<view style="width: 100%;height: 30%;">
<image src="https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png"
style="width: 100%;height: 100%;"></image>
</view>
<!--中部 用户信息-->
<view
style="border-radius: 20rpx;position: absolute;top: 20%;left: 10%; width:80%;height: 12%;z-index: 1;background: white;">
<!--头像-->
<view
style="position: absolute;z-index:2;width:30%;height:90%;border-radius: 50%;overflow: hidden;top: -32%;left: 2%;">
<image :src="userInfo.headImage || '微信用户'" style="width: 100%;height: 100%;"></image>
</view>
<!--福利中心-->
<view style="position: absolute;z-index:2;width:33%;height:30%;top: 13%;right: 2%;">
<image src="/static/image/center/flzx.png" style="width: 100%;height: 100%;"></image>
</view>
<!-- 未认证-->
<view style="position: absolute;z-index:2;width:15%;height:20%;top: 45%;left: 28%;">
<image src="/static/image/center/wrz.png" style="width: 100%;height: 100%;"></image>
</view>
<!-- 去认证 -->
<view style="position: absolute;z-index:2;width:55%;height:20%;top: 43%;left: 46%;">
<span style="font-size: 26rpx;" class="textColor"
@click="$utils.navigateTo('/mine/authOption')">去认证</span>
</view>
<!-- 用户信息 -->
<view style="position: absolute;z-index:2;width:55%;height:20%;top: 60%;left: 7%;">
<view>
<span style="font-size: 35rpx;margin-right: 5rpx">{{ userInfo.nickName || '微信用户' }}</span>
<span style="font-size: 18rpx">{{ userInfo.phone }}</span>
</view>
</view>
<!-- 点赞量 -->
<view
style="display: flex;flex-direction: column;gap:2rpx ;position: absolute;z-index:2;width:15%;height:40%;top: 55%;right: 3%;">
<view style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;">
<image src="/static/image/center/dianZan.svg" style="width: 40%;height: 84%;"></image>
</view>
<view style="display: flex;justify-content: center ;font-size: 20rpx;color:#777777">点赞量</view>
</view>
</view>
<!-- 下部 -->
<view style="width: 100%;height: 70%;padding-top:150rpx">
<view>
<!--上GridView-->
<view>
<uv-grid :col="4">
<uv-grid-item v-for="(item,index) in baseList" :key="index" @click="goToPage(item)">
<img :src="item.imageUrl" :alt="item.title"
:style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}"/>
<text style="font-size: 30rpx;color: #333333;">{{ item.title }}
</text>
</uv-grid-item>
</uv-grid>
</view>
<!--其他-->
<view style="margin:50rpx 0 0 50rpx;font-size: 40rpx;color: #333333;">其他</view>
<!--下GridView-->
<view style="margin-top: 50rpx;">
<uv-grid :col="4">
<uv-grid-item v-for="(item,index) in otherList" :key="index" @click="goToPage(item)">
<img :src="item.imageUrl" :alt="item.title"
:style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}"/>
<text style="font-size: 30rpx;color: #333333;">{{ item.title }}
</text>
</uv-grid-item>
</uv-grid>
</view>
</view>
</view>
<!-- 退出弹框-->
<confirmationPopup
ref="confirmationPopup"
title="提示"
:cancel="true"
@confirm="handleConfirm"
@cancel="handleCancel"
confirmText="确认">
<view class="confirmationPopup">
<!-- <image src="/static/image/publish/upload.png"
@click="$utils.navigateTo('/mine/authOption')">去认证</span>
</view>
<!-- 用户信息 -->
<view style="position: absolute;z-index:2;width:55%;height:20%;top: 60%;left: 7%;">
<view>
<span style="font-size: 35rpx;margin-right: 5rpx">{{ userInfo.nickName || '微信用户' }}</span>
<span style="font-size: 18rpx">{{ userInfo.phone }}</span>
</view>
</view>
<!-- 点赞量 -->
<view
style="display: flex;flex-direction: column;gap:2rpx ;position: absolute;z-index:2;width:15%;height:40%;top: 55%;right: 3%;">
<view style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;">
<image src="/static/image/center/dianZan.svg" style="width: 40%;height: 84%;"></image>
</view>
<view style="display: flex;justify-content: center ;font-size: 20rpx;color:#777777">点赞量</view>
</view>
</view>
<!-- 下部 -->
<view style="width: 100%;height: 70%;padding-top:150rpx">
<view>
<!--上GridView-->
<view>
<uv-grid :col="4">
<uv-grid-item v-for="(item,index) in baseList" :key="index" @click="goToPage(item)">
<img :src="item.imageUrl" :alt="item.title"
:style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}" />
<text style="font-size: 30rpx;color: #333333;">{{ item.title }}
</text>
</uv-grid-item>
</uv-grid>
</view>
<!--其他-->
<view style="margin:50rpx 0 0 50rpx;font-size: 40rpx;color: #333333;">其他</view>
<!--下GridView-->
<view style="margin-top: 50rpx;">
<uv-grid :col="4">
<uv-grid-item v-for="(item,index) in otherList" :key="index" @click="goToPage(item)">
<img :src="item.imageUrl" :alt="item.title"
:style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}" />
<text style="font-size: 30rpx;color: #333333;">{{ item.title }}
</text>
</uv-grid-item>
</uv-grid>
</view>
</view>
</view>
<!-- 退出弹框-->
<confirmationPopup ref="confirmationPopup" title="提示" :cancel="true" @confirm="handleConfirm"
@cancel="handleCancel" confirmText="确认">
<view class="confirmationPopup">
<!-- <image src="/static/image/publish/upload.png"
style="width: 150rpx;height: 150rpx;"
mode=""></image> -->
<view style="text-align:center">
确认退出登录吗？
</view>
</view>
</confirmationPopup>
</view>
<view style="text-align:center">
确认退出登录吗？
</view>
</view>
</confirmationPopup>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
import tabber from '@/components/base/tabbar.vue'
import confirmationPopup from "@/components/toast/confirmationPopup.vue";
export default {
components: {
confirmationPopup,
tabber,
},
computed: {
...mapState(['userInfo']),
},
data() {
return {
// 基础列表
baseList: [{
name: 'photo',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的发布',
gotoPageUrl: '/mine/releaseRecord'
},
{
name: 'lock',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的推广',
gotoPageUrl: '/mine/promotionRecord'
},
{
name: 'star',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的银行卡',
gotoPageUrl: '/mine/addBankCard'
},
{
name: 'star',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的钱包',
gotoPageUrl: '/mine/purse'
},
],
// 其他列表
otherList: [
{
name: 'photo',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '实名信息',
gotoPageUrl: '/mine/certifiedIndividual'
},
{
name: 'lock',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '帮助反馈'
},
{
name: 'outLogin',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '退出登录',
gotoPageUrl: '/mine/promotionRecord'
},
],
}
},
onShow() {
// 获取用户个人信息
this.$store.commit('getUserInfo')
},
methods: {
// 点击列表跳转页面
goToPage(item) {
if (item.name == 'outLogin') {
//
this.$refs.confirmationPopup.open()
return
}
uni.navigateTo({
url: '/pages_mine' + item.gotoPageUrl
})
},
handleConfirm() {
// 退出登录
console.log("退出登录")
this.$refs.confirmationPopup.close()
},
handleCancel() {
// 取消退出登录
console.log("取消退出登录")
this.$refs.confirmationPopup.close()
}
}
}
import {
mapState
} from 'vuex'
import tabber from '@/components/base/tabbar.vue'
import confirmationPopup from "@/components/toast/confirmationPopup.vue";
export default {
components: {
confirmationPopup,
tabber,
},
computed: {
...mapState(['userInfo']),
},
data() {
return {
// 基础列表
baseList: [{
name: 'photo',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的发布',
gotoPageUrl: '/mine/releaseRecord'
},
{
name: 'lock',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的推广',
gotoPageUrl: '/mine/promotionRecord'
},
{
name: 'star',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的银行卡',
gotoPageUrl: '/mine/addBankCard'
},
{
name: 'star',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '我的钱包',
gotoPageUrl: '/mine/purse'
},
],
// 其他列表
otherList: [{
name: 'photo',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '实名信息',
gotoPageUrl: '/mine/certifiedIndividual'
},
{
name: 'lock',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '帮助反馈'
},
{
name: 'outLogin',
imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-07/05cbb032-8177-478e-8fbe-0a3797096890.png',
title: '退出登录',
gotoPageUrl: '/mine/promotionRecord'
},
],
}
},
onShow() {
// 获取用户个人信息
this.$store.commit('getUserInfo')
},
methods: {
// 点击列表跳转页面
goToPage(item) {
if (item.name == 'outLogin') {
//
this.$refs.confirmationPopup.open()
return
}
uni.navigateTo({
url: '/pages_mine' + item.gotoPageUrl
})
},
handleConfirm() {
// 退出登录
console.log("退出登录")
this.$api('loginLogout', res => {
if (res.code == 200) {
uni.removeStorageSync('token')
this.$store.state.userInfo = {}
uni.redirectTo({
url: '/pages/index/index'
})
}
})
this.$refs.confirmationPopup.close()
},
handleCancel() {
// 取消退出登录
console.log("取消退出登录")
this.$refs.confirmationPopup.close()
}
}
}
</script>
<style lang="scss" scoped>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.textColor {
background: $uni-linear-gradient-color;
-webkit-background-clip: text;
/*将设置的背景颜色限制在文字中*/
-webkit-text-fill-color: transparent;
/*给文字设置成透明*/
}
.confirmationPopup {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 200rpx;
image {
margin-top: 40rpx;
}
.info {
margin-top: 40rpx;
font-size: 26rpx;
}
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.textColor {
background: $uni-linear-gradient-color;
-webkit-background-clip: text;
/*将设置的背景颜色限制在文字中*/
-webkit-text-fill-color: transparent;
/*给文字设置成透明*/
}
.confirmationPopup {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 200rpx;
image {
margin-top: 40rpx;
}
.info {
margin-top: 40rpx;
font-size: 26rpx;
}
}
</style>

+ 1
- 1
pages/publish/actorDetail.vue View File

@ -91,7 +91,7 @@
onReachBottom() {
if(this.queryParams.pageSize < this.total){
this.queryParams.pageSize += 10
this.indexGetTrendsPage()
this.getList()
}
},
methods: {


+ 2
- 2
pages_mine/mine/promotionRecord.vue View File

@ -27,7 +27,7 @@
</uv-datetime-picker>
</view>
<view class="image">
<image src="/static/image/promotionRecord/2.svg" style="width: 100%;height: 100%"></image>
<image src="../static/promotionRecord/2.svg" style="width: 100%;height: 100%"></image>
</view>
</view>
<!--结束时间-->
@ -39,7 +39,7 @@
</uv-datetime-picker>
</view>
<view class="image">
<image src="/static/image/promotionRecord/2.svg" style="width: 100%;height: 100%"></image>
<image src="../static/promotionRecord/2.svg" style="width: 100%;height: 100%"></image>
</view>
</view>
</view>


+ 140
- 149
pages_mine/mine/releaseRecord.vue View File

@ -1,167 +1,158 @@
<template>
<view class="releaseRecord">
<!--顶部导航栏-->
<navbar
leftClick
@leftClick="$utils.navigateBack"
title="我的发布"/>
<view class="releaseRecord">
<!--顶部导航栏-->
<navbar leftClick @leftClick="$utils.navigateBack" title="我的发布" />
<!--主页面-->
<view class="frame">
<!--标题-->
<view class="title">
<span>我的发布</span>
</view>
<!--标签栏-->
<view class="tabbar">
<view class="" @click="tabChange('all')">
<span :class="checkedIndex==0 ? 'tabbarItemActive' : 'tabbarItemNoActive'">全部</span>
</view>
<view class="" @click="tabChange('tiezi')">
<span :class="checkedIndex==1 ? 'tabbarItemActive' : 'tabbarItemNoActive'">贴子</span>
</view>
<view class="" @click="tabChange('mingpian')">
<span :class="checkedIndex==2 ? 'tabbarItemActive' : 'tabbarItemNoActive'">名片</span>
</view>
</view>
<!--发布列表-->
<view style="" class="publishListClass">
<ReleaseList :list="recordsList" ref="releaseList"/>
</view>
</view>
</view>
<!--主页面-->
<view class="frame">
<!--标题-->
<view class="title">
<span>我的发布</span>
</view>
<!--标签栏-->
<view class="tabbar">
<view class="" @click="tabChange('all')">
<span :class="checkedIndex==0 ? 'tabbarItemActive' : 'tabbarItemNoActive'">全部</span>
</view>
<view class="" @click="tabChange('tiezi')">
<span :class="checkedIndex==1 ? 'tabbarItemActive' : 'tabbarItemNoActive'">贴子</span>
</view>
<view class="" @click="tabChange('mingpian')">
<span :class="checkedIndex==2 ? 'tabbarItemActive' : 'tabbarItemNoActive'">名片</span>
</view>
</view>
<!--发布列表-->
<view style="" class="publishListClass">
<ReleaseList :list="recordsList" ref="releaseList" />
</view>
</view>
</view>
</template>
<script>
import ReleaseList from "./sonPage/release/releaseList.vue";
import {
mapState
} from 'vuex'
import ReleaseList from "./sonPage/release/releaseList.vue";
import {
mapState
} from 'vuex'
export default {
name: "releaseRecord",
components: {
ReleaseList
},
data() {
return {
recordsList: [
{
title: "这是一条动态",
createTime: '2024-08-22 09:00:00',
createBy: "小飞",
isPay: "是"
},
],
checkedIndex: 0,
queryParams: {
pageNo: 1,
pageSize: 10,
},
};
},
mounted() {
this.getData()
},
onReachBottom() {
console.log("=====")
let allTotal = this.queryParams.pageNo * this.queryParams.pageSize
if (allTotal < this.total) {
//当前条数小于总条数 则增加请求数
this.queryParams.pageSize += 10
this.getData() //调用加载数据方法
}
},
computed: {
...mapState(['userInfo']),
},
onShow() {
// 检查是否登录
// this.$refs.showLogin.checkLogin()
// 获取用户个人信息
this.$store.commit('getUserInfo')
},
methods: {
getData(type) {
this.$api('infoGetMyReleasePage', {
pageNo: this.queryParams.pageNo,
pageSize: this.queryParams.pageSize,
// 缺少type参数，需要补充
state: this.checkedIndex
}, res => {
if (res.code == 200) {
this.recordsList = res.result.records
console.log(res.result, "发布列表")
}
})
},
export default {
name: "releaseRecord",
components: {
ReleaseList
},
data() {
return {
recordsList: [],
checkedIndex: 0,
queryParams: {
pageNo: 1,
pageSize: 10,
},
};
},
mounted() {
this.getData()
},
onReachBottom() {
console.log("=====")
let allTotal = this.queryParams.pageNo * this.queryParams.pageSize
if (allTotal < this.total) {
//当前条数小于总条数 则增加请求数
this.queryParams.pageSize += 10
this.getData() //调用加载数据方法
}
},
computed: {
...mapState(['userInfo']),
},
onShow() {
// 检查是否登录
// this.$refs.showLogin.checkLogin()
// 获取用户个人信息
this.$store.commit('getUserInfo')
},
methods: {
getData(type) {
// 标签栏发生变化
tabChange(type) {
this.checkedIndex = (type== 'all' ? 0 : (type == 'tiezi' ? 1 : 2))
// this.$refs.releaseList.checkedIndex = this.checkedIndex
this.queryParams.pageNo = 1
this.queryParams.pageSize = 10
this.getData()
},
}
}
this.$api('infoGetMyReleasePage', {
pageNo: this.queryParams.pageNo,
pageSize: this.queryParams.pageSize,
// 缺少type参数，需要补充
state: this.checkedIndex
}, res => {
if (res.code == 200) {
this.recordsList = res.result.records
console.log(res.result, "发布列表")
}
})
},
// 标签栏发生变化
tabChange(type) {
this.checkedIndex = (type == 'all' ? 0 : (type == 'tiezi' ? 1 : 2))
// this.$refs.releaseList.checkedIndex = this.checkedIndex
this.queryParams.pageNo = 1
this.queryParams.pageSize = 10
this.getData()
},
}
}
</script>
<style lang="scss" scoped>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.releaseRecord {
width: 100vw;
height: 100vh;
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.frame {
width: 100%;
//height: calc(100vh - 220rpx);
padding: 28rpx 28rpx 0 28rpx;
.releaseRecord {
width: 100vw;
height: 100vh;
.title {
font-size: 34rpx;
color: #333;
font-weight: 700
}
.frame {
width: 100%;
//height: calc(100vh - 220rpx);
padding: 28rpx 28rpx 0 28rpx;
.tabbar {
display: flex;
justify-content: flex-start;
gap: 20rpx;
margin-top: 40rpx;
.title {
font-size: 34rpx;
color: #333;
font-weight: 700
}
.tabbarItemActive {
padding: 10rpx 40rpx;
background: $uni-linear-gradient-color;
-webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
-webkit-text-fill-color: transparent; /*给文字设置成透明*/
border-radius: 20rpx;
}
.tabbar {
display: flex;
justify-content: flex-start;
gap: 20rpx;
margin-top: 40rpx;
.tabbarItemNoActive {
padding: 10rpx 40rpx;
background-color: #eaeaeb;
color: #777777;
border-radius: 20rpx;
}
}
.tabbarItemActive {
padding: 10rpx 40rpx;
background: $uni-linear-gradient-color;
-webkit-background-clip: text;
/*将设置的背景颜色限制在文字中*/
-webkit-text-fill-color: transparent;
/*给文字设置成透明*/
border-radius: 20rpx;
}
.tabbarItemNoActive {
padding: 10rpx 40rpx;
background-color: #eaeaeb;
color: #777777;
border-radius: 20rpx;
}
}
.publishListClass {
//margin-top: 10rpx;
height: 78vh;
//margin-top: 300rpx;
overflow: auto;
width: 100%;
}
}
}
</style>
.publishListClass {
//margin-top: 10rpx;
height: 78vh;
//margin-top: 300rpx;
overflow: auto;
width: 100%;
}
}
}
</style>

Write Preview
Loading…
Cancel
Save