首页列表

This commit is contained in:
pengxiaolong
2025-05-22 16:21:07 +08:00
parent af10ed06db
commit 6ca66f45d4
33 changed files with 483 additions and 377 deletions

View File

@@ -1,45 +1,38 @@
<template>
<scroll-view scroll-y="true" class="scroll" lower-threshold="100" @scrolltolower="onScrollToLower" >
<uni-card class="content-list" v-for="(item, index) in list">
<uni-card v-for="(item, index) in list">
<view class="content-list" @click="goDetail(item)">
<!-- `````````````````````````` -->
<image class="headShot" src="../../static/logo.png" mode="scaleToFill" />
<image class="headShot" :src="item.anchorIcon" mode="scaleToFill" />
<!-- `````````````````````````````````````` -->
<view class="content-list-title">
<view class="cardname">{{ item.title }}</view>
<view class="cardname">{{ item.anchorId }}</view>
<view class="content-list-info">
<view :class="{Gendermale:Gender,Genderfemale:!Gender}"><!-- 性别换背景 -->
<image v-if="Gender" class="Genderimg" src="../../static/female.png" mode="scaleToFill" />
<image v-else class="Genderimg" src="../../static/female.png" mode="scaleToFill" />
<view class="age">{{ item.gender }}</view>
<view :class="{Gendermale:item.sex === '1',Genderfemale:item.sex === '2'}">
<image v-if="item.sex === '2'" class="Genderimg" src="../../static/female.png" mode="scaleToFill" />
<image v-else class="Genderimg" src="../../static/male.png" mode="scaleToFill" />
<view class="age">{{ item.sex === '1'? "男" : "女" }}</view>
</view>
<view class="RoomID">房间ID:{{ item.id }}</view>
<view class="Charm">魅力值</view>
<view class="charmValue"> {{ item.score }}W</view>
<view class="RoomID">PK时间:&nbsp;{{formatDate(item.pkTime)}}</view>
<view class="Charm">金币:</view>
<view class="charmValue"> {{item.coin+'K'}}</view>
</view>
</view>
<!-- `````````````````````````````````````````````````````` -->
</view>
</uni-card>
</scroll-view>
</template>
<script>
import request from "../../components/request.js";
import formatDate from "../../components/formatDate.js";
export default {
data() {
return {
title: "Hello",
Gender: true,
page: 0,
// 列表数据
list: [
{
title: "极乐世界",
id: "9088",
gender: "男",
score: 8.8,
},
],
// 列表数据结束
page: 0,//页码
size: 10, //每页条数
list: [], // 列表数据
};
},
mounted() {
@@ -47,6 +40,16 @@ export default {
this.pkList()
},
methods: {
goDetail(item) {
uni.navigateTo({
url: '/pages/pkDetail/pkDetail',
success: function(res) {
res.eventChannel.emit('itemDetail', {
item: item,
});
},
})
},
async pkList(){
const res = await request({
url: "pk/pkList",
@@ -54,13 +57,13 @@ export default {
data: {
status: 0,
page: this.page,
Size: 10,
size: this.size,
},
userInfo: false,
});
console.log(res);
if (res.code === 200) {
this.list.concat(res.data)
this.list.push(...res.data)
console.log(this.list)
}
},
@@ -68,8 +71,6 @@ export default {
this.page++;
this.pkList();
},
},
};
</script>
@@ -141,13 +142,14 @@ export default {
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
margin-right: 152rpx;
}
.Charm {
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
margin-right: 12rpx;
margin-left: 20rpx;
}
.charmValue {
font-size: 23rpx;

12
components/formatDate.js Normal file
View File

@@ -0,0 +1,12 @@
function formatDate(timestamp) {
const date = new Date(timestamp * 1000); // 秒级转毫秒级
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hour = String(date.getHours()).padStart(2, '0');
const minute = String(date.getMinutes()).padStart(2, '0');
const second = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
export default formatDate;

View File

@@ -38,6 +38,12 @@
"style": {
"navigationBarTitleText": "新增PK"
}
},
{
"path": "pages/pkDetail/pkDetail",
"style": {
"navigationBarTitleText": "PK详情"
}
}
],

View File

@@ -31,8 +31,8 @@ export default {
},
methods: {
goAdvertisement(){
this.$global.lastPage = getCurrentPages().router;
uni.navigateTo({ url: '/pages/login/login' })
// this.$global.lastPage = getCurrentPages().router;
// uni.navigateTo({ url: '/pages/login/login' })
}
},
components: {
@@ -78,7 +78,7 @@ export default {
position: fixed;
top: 400rpx;
left: 0;
bottom: 50rpx;
bottom: -30rpx;
width: 100%;
/* height: 1300rpx; */
}

View File

@@ -29,7 +29,7 @@
</view>
<view class="Accountnumber">
<view class="Coins">
<view class="Coins country">
<wht-select
style="width: 300rpx"
@change="country"
@@ -44,6 +44,7 @@
<view class="number-box">
<view class="number-box-title">金币:</view>
<uni-number-box v-model="numberCoins"></uni-number-box>
<view class="number-box-unit">K</view>
</view>
<view v-if="numberCoins === '' && Hint === true" class="Hint"
>请填写金币数量</view
@@ -275,14 +276,18 @@ export default {
display: flex;
}
.Coins {
margin: 40rpx;
width: 300rpx;
margin-top: 40rpx;
margin-bottom: 40rpx;
width: 400rpx;
height: 65rpx;
display: flex;
flex-direction: column;
justify-content: center;
/* align-items: center; */
}
.country{
margin-left: 40rpx;
}
.number-box {
display: flex;
text-align: center;

View File

@@ -0,0 +1,39 @@
<template>
<view class="container">
<!-- <image
src="{{item.anchorIcon}}"
mode="scaleToFill"
/> -->
<view >主播名称{{item.anchorId}}</view>
<view>主播性别{{item.sex === 1?"男":"女"}}</view>
<view> 国家{{item.country}}</view>
<view>金币{{item.coin}}</view>
<view>主播备注{{item.remark}}</view>
<view>PK时间{{item.pkTime}}</view>
</view>
</template>
<script>
export default {
data() {
return {
item: {},
};
},
onLoad(options) {
// 获取源页面的eventChannel对象
const eventChannel = this.getOpenerEventChannel();
// 监听itemDetail事件
eventChannel.on("itemDetail", (data) => {
this.item = data.item; // 将接收到的数据赋值给item
console.log("接收到的数据:", this.item);
});
},
methods: {},
};
</script>
<style scoped>
/* 样式定义 */
</style>

BIN
static/male.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script lang=\"ts\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n// Required information\r\n// You can get userSig from TencentCloud chat console for Testing TUIKit.\r\n// Deploy production environment please get it from your server.\r\n// View https://cloud.tencent.com/document/product/269/32688\r\n\r\nexport default {\r\n data() {\r\n return {\r\n info: {},\r\n userSig: \"\",\r\n chatInfo: {},\r\n };\r\n },\r\n onLoad(option) {\r\n uni.getStorage({\r\n key: \"userinfo\",\r\n success: (res) => {\r\n this.info = res.data;\r\n },\r\n });\r\n uni.getStorage({\r\n key: \"userSig\",\r\n success: (res) => {\r\n this.userSig = res.data;\r\n },\r\n });\r\n uni.getStorage({\r\n key: \"chatInfo\",\r\n success: (res) => {\r\n this.chatInfo = res.data;\r\n },\r\n });\r\n if (this.userSig) {\r\n TUIlogin(this.chatInfo.appId, this.info.userChatId, this.userSig);\r\n }\r\n },\r\n provide() {\r\n return {\r\n $global: {\r\n lastPage: null,\r\n },\r\n };\r\n },\r\n};\r\n</script>\r\n<style>\r\n/* common css for page */\r\nuni-page-body,\r\nhtml,\r\nbody,\r\npage {\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden;\r\n}\r\n</style>\r\n","import App from './App'\r\n\r\n// #ifndef VUE3\r\nimport Vue from 'vue'\r\nimport './uni.promisify.adaptor'\r\nVue.config.productionTip = false\r\nApp.mpType = 'app'\r\nconst app = new Vue({\r\n ...App\r\n})\r\napp.$mount()\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport { createSSRApp } from 'vue'\r\nexport function createApp() {\r\n const app = createSSRApp(App)\r\n return {\r\n app\r\n }\r\n}\r\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAe,YAAA;AAAA,EACb,OAAO;AACE,WAAA;AAAA,MACL,MAAM,CAAC;AAAA,MACP,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,IAAA;AAAA,EAEf;AAAA,EACA,OAAO,QAAQ;AACbA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,OAAO,IAAI;AAAA,MAClB;AAAA,IAAA,CACD;AACDA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,UAAU,IAAI;AAAA,MACrB;AAAA,IAAA,CACD;AACDA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,WAAW,IAAI;AAAA,MACtB;AAAA,IAAA,CACD;AACD,QAAI,KAAK,SAAS;AAChB,eAAS,KAAK,SAAS,OAAO,KAAK,KAAK,YAAY,KAAK,OAAO;AAAA,IAClE;AAAA,EACF;AAAA,EACA,UAAU;AACD,WAAA;AAAA,MACL,SAAS;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,IAAA;AAAA,EAEJ;AACF;ACnCO,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script lang=\"ts\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n// Required information\r\n// You can get userSig from TencentCloud chat console for Testing TUIKit.\r\n// Deploy production environment please get it from your server.\r\n// View https://cloud.tencent.com/document/product/269/32688\r\n\r\nexport default {\r\n data() {\r\n return {\r\n info: {},\r\n userSig: \"\",\r\n chatInfo: {},\r\n };\r\n },\r\n onLoad(option) {\r\n uni.getStorage({\r\n key: \"userinfo\",\r\n success: (res) => {\r\n this.info = res.data;\r\n },\r\n });\r\n uni.getStorage({\r\n key: \"userSig\",\r\n success: (res) => {\r\n this.userSig = res.data;\r\n },\r\n });\r\n uni.getStorage({\r\n key: \"chatInfo\",\r\n success: (res) => {\r\n this.chatInfo = res.data;\r\n },\r\n });\r\n if (this.userSig) {\r\n TUIlogin(this.chatInfo.appId, this.info.userChatId, this.userSig);\r\n }\r\n },\r\n provide() {\r\n return {\r\n $global: {\r\n lastPage: null,\r\n },\r\n };\r\n },\r\n};\r\n</script>\r\n<style>\r\n/* common css for page */\r\nuni-page-body,\r\nhtml,\r\nbody,\r\npage {\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden;\r\n}\r\n</style>\r\n","import App from './App'\r\n\r\n// #ifndef VUE3\r\nimport Vue from 'vue'\r\nimport './uni.promisify.adaptor'\r\nVue.config.productionTip = false\r\nApp.mpType = 'app'\r\nconst app = new Vue({\r\n ...App\r\n})\r\napp.$mount()\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport { createSSRApp } from 'vue'\r\nexport function createApp() {\r\n const app = createSSRApp(App)\r\n return {\r\n app\r\n }\r\n}\r\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,MAAe,YAAA;AAAA,EACb,OAAO;AACE,WAAA;AAAA,MACL,MAAM,CAAC;AAAA,MACP,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,IAAA;AAAA,EAEf;AAAA,EACA,OAAO,QAAQ;AACbA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,OAAO,IAAI;AAAA,MAClB;AAAA,IAAA,CACD;AACDA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,UAAU,IAAI;AAAA,MACrB;AAAA,IAAA,CACD;AACDA,kBAAAA,MAAI,WAAW;AAAA,MACb,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ;AAChB,aAAK,WAAW,IAAI;AAAA,MACtB;AAAA,IAAA,CACD;AACD,QAAI,KAAK,SAAS;AAChB,eAAS,KAAK,SAAS,OAAO,KAAK,KAAK,YAAY,KAAK,OAAO;AAAA,IAClE;AAAA,EACF;AAAA,EACA,UAAU;AACD,WAAA;AAAA,MACL,SAAS;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,IAAA;AAAA,EAEJ;AACF;ACnCO,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
{"version":3,"file":"formatDate.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@@ -1 +1 @@
{"version":3,"file":"Home.js","sources":["pages/Home/Home.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvSG9tZS9Ib21lLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"page\">\r\n <image src=\"../../static/HomeBackground.png\" class=\"HomeBackground\"></image>\r\n </view>\r\n <view class=\"top-navigation-container\">\r\n <top-navigation></top-navigation>\r\n </view>\r\n <view class=\"Advertisement\" @click=\"goAdvertisement\">\r\n <advertisement></advertisement>\r\n </view>\r\n <view class=\"contentList\">\r\n <contentList></contentList>\r\n </view>\r\n <view class=\"tabBar\">\r\n <tabBar></tabBar>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport topNavigation from \"../../components/topNavigation/topNavigation\";\r\nimport Advertisement from \"../../components/Advertisement/Advertisement\";\r\nimport contentList from \"../../components/contentList/contentList\";\r\nimport tabBar from \"../../components/tabBar/tabBar\";\r\nexport default {\r\n inject: ['$global'],\r\n data() {\r\n return {};\r\n },\r\n onLoad() {\r\n // this.requestSomething();\r\n },\r\n methods: {\r\n goAdvertisement(){\r\n this.$global.lastPage = getCurrentPages().router;\r\n uni.navigateTo({ url: '/pages/login/login' })\r\n }\r\n },\r\n components: {\r\n topNavigation,\r\n Advertisement,\r\n contentList,\r\n tabBar,\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.page {\r\n position: relative;\r\n width: 750rpx;\r\n height: 1620rpx;\r\n}\r\n\r\n.HomeBackground {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n}\r\n.top-navigation-container {\r\n position: fixed;\r\n top: 160rpx;\r\n left: 0;\r\n width: 100%;\r\n height: 114.5rpx;\r\n}\r\n.Advertisement {\r\n position: fixed;\r\n top: 300rpx;\r\n left: 0;\r\n width: 100%;\r\n height: 100rpx;\r\n z-index: 100;\r\n}\r\n.contentList {\r\n position: fixed;\r\n top: 400rpx;\r\n left: 0;\r\n bottom: 50rpx;\r\n width: 100%;\r\n /* height: 1300rpx; */\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Home/Home.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;;AAmBA,MAAO,gBAAe,MAAW;AACjC,MAAO,gBAAe,MAAW;AACjC,MAAO,cAAa,MAAW;AAC/B,eAAe,MAAW;AAC1B,MAAK,YAAU;AAAA,EACb,QAAQ,CAAC,SAAS;AAAA,EAClB,OAAO;AACL,WAAO;EACR;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA,IACP,kBAAiB;AACf,WAAK,QAAQ,WAAW,gBAAe,EAAG;AAC1CA,oBAAAA,MAAI,WAAW,EAAE,KAAK,sBAAsB;AAAA,IAC9C;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACH;;;;;;;;;;;;;;;;;;;;AC1CA,GAAG,WAAW,eAAe;"}
{"version":3,"file":"Home.js","sources":["pages/Home/Home.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvSG9tZS9Ib21lLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"page\">\r\n <image src=\"../../static/HomeBackground.png\" class=\"HomeBackground\"></image>\r\n </view>\r\n <view class=\"top-navigation-container\">\r\n <top-navigation></top-navigation>\r\n </view>\r\n <view class=\"Advertisement\" @click=\"goAdvertisement\">\r\n <advertisement></advertisement>\r\n </view>\r\n <view class=\"contentList\">\r\n <contentList></contentList>\r\n </view>\r\n <view class=\"tabBar\">\r\n <tabBar></tabBar>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport topNavigation from \"../../components/topNavigation/topNavigation\";\r\nimport Advertisement from \"../../components/Advertisement/Advertisement\";\r\nimport contentList from \"../../components/contentList/contentList\";\r\nimport tabBar from \"../../components/tabBar/tabBar\";\r\nexport default {\r\n inject: ['$global'],\r\n data() {\r\n return {};\r\n },\r\n onLoad() {\r\n // this.requestSomething();\r\n },\r\n methods: {\r\n goAdvertisement(){\r\n // this.$global.lastPage = getCurrentPages().router;\r\n // uni.navigateTo({ url: '/pages/login/login' })\r\n }\r\n },\r\n components: {\r\n topNavigation,\r\n Advertisement,\r\n contentList,\r\n tabBar,\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.page {\r\n position: relative;\r\n width: 750rpx;\r\n height: 1620rpx;\r\n}\r\n\r\n.HomeBackground {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n}\r\n.top-navigation-container {\r\n position: fixed;\r\n top: 160rpx;\r\n left: 0;\r\n width: 100%;\r\n height: 114.5rpx;\r\n}\r\n.Advertisement {\r\n position: fixed;\r\n top: 300rpx;\r\n left: 0;\r\n width: 100%;\r\n height: 100rpx;\r\n z-index: 100;\r\n}\r\n.contentList {\r\n position: fixed;\r\n top: 400rpx;\r\n left: 0;\r\n bottom: -30rpx;\r\n width: 100%;\r\n /* height: 1300rpx; */\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/Home/Home.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;AAmBA,MAAO,gBAAe,MAAW;AACjC,MAAO,gBAAe,MAAW;AACjC,MAAO,cAAa,MAAW;AAC/B,eAAe,MAAW;AAC1B,MAAK,YAAU;AAAA,EACb,QAAQ,CAAC,SAAS;AAAA,EAClB,OAAO;AACL,WAAO;EACR;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA,IACP,kBAAiB;AAAA,IAGjB;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACH;;;;;;;;;;;;;;;;;;;;AC1CA,GAAG,WAAW,eAAe;"}

View File

@@ -0,0 +1 @@
{"version":3,"file":"pkDetail.js","sources":["pages/pkDetail/pkDetail.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvcGtEZXRhaWwvcGtEZXRhaWwudnVl"],"sourcesContent":["<template>\r\n <view class=\"container\">\r\n <!-- <image\r\n src=\"{{item.anchorIcon}}\"\r\n mode=\"scaleToFill\"\r\n /> -->\r\n <view >主播名称{{item.anchorId}}</view>\r\n <view>主播性别{{item.sex === 1?\"男\":\"女\"}}</view>\r\n <view> 国家{{item.country}}</view>\r\n <view>金币{{item.coin}}</view>\r\n <view>主播备注{{item.remark}}</view>\r\n <view>PK时间{{item.pkTime}}</view>\r\n </view>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n item: {},\r\n };\r\n },\r\n onLoad(options) {\r\n // 获取源页面的eventChannel对象\r\n const eventChannel = this.getOpenerEventChannel();\r\n // 监听itemDetail事件\r\n eventChannel.on(\"itemDetail\", (data) => {\r\n this.item = data.item; // 将接收到的数据赋值给item\r\n console.log(\"接收到的数据:\", this.item);\r\n });\r\n },\r\n methods: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 样式定义 */\r\n</style>\r\n","import MiniProgramPage from 'D:/项目/tk-mini-program/pages/pkDetail/pkDetail.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;AAiBA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,MAAM,CAAE;AAAA;EAEX;AAAA,EACD,OAAO,SAAS;AAEd,UAAM,eAAe,KAAK;AAE1B,iBAAa,GAAG,cAAc,CAAC,SAAS;AACtC,WAAK,OAAO,KAAK;AACjBA,oBAAA,MAAA,MAAA,OAAA,qCAAY,WAAW,KAAK,IAAI;AAAA,IAClC,CAAC;AAAA,EACF;AAAA,EACD,SAAS,CAAE;AACb;;;;;;;;;;;;AChCA,GAAG,WAAW,eAAe;"}

View File

@@ -40,11 +40,11 @@ const _sfc_main = {
methods: {
gender(item) {
this.genders = item.value;
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:114", item);
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:115", item);
},
country(item) {
this.countrys = item.value;
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:119", item);
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:120", item);
},
handleOverlayClick(event) {
if (event.target === this.$el) {

View File

@@ -9,6 +9,7 @@ if (!Math) {
"./pages/UserInformation/UserInformation.js";
"./pages/Setting/Setting.js";
"./pages/NewAddedPk/NewAddedPk.js";
"./pages/pkDetail/pkDetail.js";
"./TUIKit/components/TUIConversation/index.js";
"./TUIKit/components/TUIChat/index.js";
"./TUIKit/components/TUIChat/video-play.js";

View File

@@ -6,7 +6,8 @@
"pages/login/login",
"pages/UserInformation/UserInformation",
"pages/Setting/Setting",
"pages/NewAddedPk/NewAddedPk"
"pages/NewAddedPk/NewAddedPk",
"pages/pkDetail/pkDetail"
],
"subPackages": [
{

View File

@@ -9,8 +9,8 @@ const C2C = "/assets/icon-c2c.d80299ab.svg";
const settingSVG = "/assets/setting.a15e5daf.svg";
const muteIcon = "/assets/mute.94c8513a.svg";
const _imports_0$1 = "/static/Searching.png";
const _imports_0 = "/static/logo.png";
const _imports_1 = "/static/female.png";
const _imports_0 = "/static/female.png";
const _imports_1 = "/static/male.png";
const faceIcon = "/assets/face-uni.e33f5632.png";
const moreIcon = "/assets/more-uni.030c2d9a.png";
const ForwardEachIcon = "/assets/forward-each.9e79e381.svg";

View File

@@ -8012,7 +8012,7 @@ function isConsoleWritable() {
function initRuntimeSocketService() {
const hosts = "192.168.0.111,127.0.0.1";
const port = "8090";
const id = "mp-weixin_3E_eeT";
const id = "mp-weixin_Z0m08P";
const lazy = typeof swan !== "undefined";
let restoreError = lazy ? () => {
} : initOnError();
@@ -29632,11 +29632,6 @@ const onLoad = /* @__PURE__ */ createHook(ON_LOAD);
const onReady = /* @__PURE__ */ createHook(ON_READY);
const onUnload = /* @__PURE__ */ createHook(ON_UNLOAD);
var dayjs_min = { exports: {} };
var hasRequiredDayjs_min;
function requireDayjs_min() {
if (hasRequiredDayjs_min)
return dayjs_min.exports;
hasRequiredDayjs_min = 1;
(function(module2, exports2) {
!function(t2, e2) {
module2.exports = e2();
@@ -29926,9 +29921,7 @@ function requireDayjs_min() {
}, O2.en = D2[g2], O2.Ls = D2, O2.p = {}, O2;
});
})(dayjs_min);
return dayjs_min.exports;
}
var dayjs_minExports = requireDayjs_min();
var dayjs_minExports = dayjs_min.exports;
const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
var localeData$1 = { exports: {} };
(function(module2, exports2) {
@@ -30040,7 +30033,7 @@ const isSameOrBefore = /* @__PURE__ */ getDefaultExportFromCjs(isSameOrBeforeExp
var zhCn = { exports: {} };
(function(module2, exports2) {
!function(e2, _2) {
module2.exports = _2(requireDayjs_min());
module2.exports = _2(dayjs_minExports);
}(commonjsGlobal, function(e2) {
function _2(e3) {
return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };

View File

@@ -5,25 +5,28 @@ const common_assets = require("../../common/assets.js");
const _sfc_main = {
data() {
return {
title: "Hello",
Gender: true,
page: 0,
//页码
size: 10,
//每页条数
list: []
// 列表数据
list: [
{
title: "极乐世界",
id: "9088",
gender: "男",
score: 8.8
}
]
// 列表数据结束
};
},
mounted() {
this.pkList();
},
methods: {
goDetail(item) {
common_vendor.index.navigateTo({
url: "/pages/pkDetail/pkDetail",
success: function(res) {
res.eventChannel.emit("itemDetail", {
item
});
}
});
},
async pkList() {
const res = await components_request.request({
url: "pk/pkList",
@@ -31,14 +34,14 @@ const _sfc_main = {
data: {
status: 0,
page: this.page,
Size: 10
size: this.size
},
userInfo: false
});
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:61", res);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:64", res);
if (res.code === 200) {
this.list.concat(res.data);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:64", this.list);
this.list.push(...res.data);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:67", this.list);
}
},
onScrollToLower() {
@@ -55,23 +58,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.f($data.list, (item, index, i0) => {
return common_vendor.e({
a: common_vendor.t(item.title)
}, $data.Gender ? {
b: common_assets._imports_1$1
a: item.anchorIcon,
b: common_vendor.t(item.anchorId),
c: item.sex === "2"
}, item.sex === "2" ? {
d: common_assets._imports_0$4
} : {
c: common_assets._imports_1$1
e: common_assets._imports_1$1
}, {
d: common_vendor.t(item.gender),
e: common_vendor.t(item.id),
f: common_vendor.t(item.score),
g: "4813d59a-0-" + i0
f: common_vendor.t(item.sex === "1" ? "男" : "女"),
g: item.sex === "1" ? 1 : "",
h: item.sex === "2" ? 1 : "",
i: common_vendor.t(_ctx.formatDate(item.pkTime)),
j: common_vendor.t(item.coin + "K"),
k: common_vendor.o$1(($event) => $options.goDetail(item)),
l: "4813d59a-0-" + i0
});
}),
b: common_assets._imports_0$4,
c: $data.Gender,
d: $data.Gender ? 1 : "",
e: !$data.Gender ? 1 : "",
f: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args))
b: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args))
};
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4813d59a"]]);

View File

@@ -1 +1 @@
<scroll-view scroll-y="true" class="scroll data-v-4813d59a" lower-threshold="100" bindscrolltolower="{{f}}"><uni-card wx:for="{{a}}" wx:for-item="item" u-s="{{['d']}}" class="content-list data-v-4813d59a" u-i="{{item.g}}" bind:__l="__l"><image class="headShot data-v-4813d59a" src="{{b}}" mode="scaleToFill"/><view class="content-list-title data-v-4813d59a"><view class="cardname data-v-4813d59a">{{item.a}}</view><view class="content-list-info data-v-4813d59a"><view class="{{['data-v-4813d59a', d && 'Gendermale', e && 'Genderfemale']}}"><image wx:if="{{c}}" class="Genderimg data-v-4813d59a" src="{{item.b}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-4813d59a" src="{{item.c}}" mode="scaleToFill"/><view class="age data-v-4813d59a">{{item.d}}</view></view><view class="RoomID data-v-4813d59a">房间ID:{{item.e}}</view><view class="Charm data-v-4813d59a">魅力值</view><view class="charmValue data-v-4813d59a">{{item.f}}W</view></view></view></uni-card></scroll-view>
<scroll-view scroll-y="true" class="scroll data-v-4813d59a" lower-threshold="100" bindscrolltolower="{{b}}"><uni-card wx:for="{{a}}" wx:for-item="item" class="data-v-4813d59a" u-s="{{['d']}}" u-i="{{item.l}}" bind:__l="__l"><view class="content-list data-v-4813d59a" bindtap="{{item.k}}"><image class="headShot data-v-4813d59a" src="{{item.a}}" mode="scaleToFill"/><view class="content-list-title data-v-4813d59a"><view class="cardname data-v-4813d59a">{{item.b}}</view><view class="content-list-info data-v-4813d59a"><view class="{{['data-v-4813d59a', item.g && 'Gendermale', item.h && 'Genderfemale']}}"><image wx:if="{{item.c}}" class="Genderimg data-v-4813d59a" src="{{item.d}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-4813d59a" src="{{item.e}}" mode="scaleToFill"/><view class="age data-v-4813d59a">{{item.f}}</view></view><view class="RoomID data-v-4813d59a">PK时间: {{item.i}}</view><view class="Charm data-v-4813d59a">金币:</view><view class="charmValue data-v-4813d59a">{{item.j}}</view></view></view></view></uni-card></scroll-view>

View File

@@ -64,13 +64,13 @@
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
margin-right: 152rpx;
}
.Charm.data-v-4813d59a {
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
margin-right: 12rpx;
margin-left: 20rpx;
}
.charmValue.data-v-4813d59a {
font-size: 23rpx;

View File

@@ -0,0 +1,2 @@
"use strict";
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/formatDate.js.map

View File

@@ -14,8 +14,6 @@ const _sfc_main = {
},
methods: {
goAdvertisement() {
this.$global.lastPage = getCurrentPages().router;
common_vendor.index.navigateTo({ url: "/pages/login/login" });
}
},
components: {

View File

@@ -31,7 +31,7 @@
position: fixed;
top: 400rpx;
left: 0;
bottom: 50rpx;
bottom: -30rpx;
width: 100%;
/* height: 1300rpx; */
}

View File

@@ -1 +1 @@
<view wx:if="{{a}}" class="Mask data-v-96d38e2b" bindtap="{{x}}"><view class="data-v-96d38e2b" catchtap="{{w}}"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Title data-v-96d38e2b">发布新PK</view><view class="Individual data-v-96d38e2b"><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Gender data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择性别</view></view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins data-v-96d38e2b"><wht-select wx:if="{{j}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{i}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{j}}"/><view wx:if="{{k}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Coins data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币:</view><uni-number-box wx:if="{{m}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{l}}" u-p="{{m}}"></uni-number-box></view><view wx:if="{{n}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{q}}" class="data-v-96d38e2b" bindchange="{{o}}" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{p}}" u-p="{{q}}"/><view wx:if="{{r}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{t}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{s}}" u-p="{{t}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{v}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>
<view wx:if="{{a}}" class="Mask data-v-96d38e2b" bindtap="{{x}}"><view class="data-v-96d38e2b" catchtap="{{w}}"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Title data-v-96d38e2b">发布新PK</view><view class="Individual data-v-96d38e2b"><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Gender data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择性别</view></view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{j}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{i}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{j}}"/><view wx:if="{{k}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Coins data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币:</view><uni-number-box wx:if="{{m}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{l}}" u-p="{{m}}"></uni-number-box><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{n}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{q}}" class="data-v-96d38e2b" bindchange="{{o}}" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{p}}" u-p="{{q}}"/><view wx:if="{{r}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{t}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{s}}" u-p="{{t}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{v}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>

View File

@@ -60,14 +60,18 @@
display: flex;
}
.Coins.data-v-96d38e2b {
margin: 40rpx;
width: 300rpx;
margin-top: 40rpx;
margin-bottom: 40rpx;
width: 400rpx;
height: 65rpx;
display: flex;
flex-direction: column;
justify-content: center;
/* align-items: center; */
}
.country.data-v-96d38e2b{
margin-left: 40rpx;
}
.number-box.data-v-96d38e2b {
display: flex;
text-align: center;

View File

@@ -0,0 +1,30 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const _sfc_main = {
data() {
return {
item: {}
};
},
onLoad(options) {
const eventChannel = this.getOpenerEventChannel();
eventChannel.on("itemDetail", (data) => {
this.item = data.item;
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:30", "接收到的数据:", this.item);
});
},
methods: {}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.t($data.item.anchorId),
b: common_vendor.t($data.item.sex === 1 ? "男" : "女"),
c: common_vendor.t($data.item.country),
d: common_vendor.t($data.item.coin),
e: common_vendor.t($data.item.remark),
f: common_vendor.t($data.item.pkTime)
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9639f721"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/pkDetail/pkDetail.js.map

View File

@@ -0,0 +1,4 @@
{
"navigationBarTitleText": "PK详情",
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="container data-v-9639f721"><view class="data-v-9639f721">主播名称{{a}}</view><view class="data-v-9639f721">主播性别{{b}}</view><view class="data-v-9639f721"> 国家{{c}}</view><view class="data-v-9639f721">金币{{d}}</view><view class="data-v-9639f721">主播备注{{e}}</view><view class="data-v-9639f721">PK时间{{f}}</view></view>

View File

@@ -0,0 +1,2 @@
/* 样式定义 */

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB