pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面

Browse Source
This commit is contained in:
pengxiaolong
2025-05-23 21:50:04 +08:00
parent c55be10783
commit 0d7301f3b1
27 changed files with 483 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/contentList/contentList.vue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view scroll-y="true" class="scroll" lower-threshold="100" @scrolltolower="onScrollToLower" >
<scroll-view scroll-y="true" class="scroll" refresher-enabled="true" refresher-threshold="40" @refresherrefresh="onRefresherRefresh" lower-threshold="100" @scrolltolower="onScrollToLower" >
<uni-card v-for="(item, index) in list">
<view class="content-list" @click="goDetail(item)">
<!-- `````````````````````````` -->
@@ -41,6 +41,11 @@ export default {
this.pkList()
},
methods: {
onRefresherRefresh() {
this.page = 0;
this.list = [];
this.pkList();
},
goDetail(item) {
uni.navigateTo({
url: '/pages/pkDetail/pkDetail',

290
pages/NewAddedPk/NewAddedPk.vue
View File

@@ -1,6 +1,6 @@
<template>
<view v-if="Display" class="Mask" @click="open()">
<view @click.stop>
<view v-if="Display" class="Mask create-module" @click="open()">
<view @click.stop class="containers">
<view class="container">
<image
class="Fork"
@@ -9,49 +9,92 @@
mode="scaleToFill"
/>
<view class="Title">发布新PK</view>
<view class="Individual">
<view class="NameAnchor">
<input class="NameAnchorcss" @input="NameAnchor" placeholder="主播名称" />
<view v-if="nameAnchor === '' && Hint === true" class="Hint"
>请填写主播名称</view
>
</view>
<view class="Gender">
<wht-select
style="width: 300rpx"
@change="gender"
:options="Gender"
placeholder="性别"
/>
<view v-if="genders === '' && Hint === true" class="Hint">请选择性别</view>
</view>
<!-- <view class="Individual"> -->
<view class="NameAnchor">
<input
class="NameAnchorcss"
cursor-color="#ffffff"
placeholder-style="color:#ffffff"
@input="NameAnchor"
placeholder="主播名称"
/>
<view v-if="nameAnchor === '' && Hint === true" class="Hint"
>请填写主播名称</view
>
</view>
<!-- </view> -->
<view class="Accountnumber">
<view class="Coins country">
<wht-select
style="width: 300rpx"
style="width: 350rpx"
backgroundColor="#fff70065"
borderRadius="20"
placeholderColor="#ffffff"
textColor="#7cba59"
borderColor="#ffffff"
@change="country"
:options="Country"
filterable
filterable= true
placeholder="请选择国家"
/>
<view v-if="countrys === '' && Hint === true" class="Hint">请选择国家</view>
</view>
<view class="Coins">
<view class="Gender">
<view class="Gendercs">
<view class="Gendercss">
<wht-select
style="width: 300rpx"
backgroundColor="#ffaa0082"
borderRadius="20"
placeholderColor="#ffffff"
textColor="#ffffff"
borderColor="#ffffff"
@change="gender"
:options="Gender"
placeholder="性别"
/>
</view>
<view class="Gendericoncss">
<image
v-if="genders === 0"
class="Gendericon"
src="../../static/ask.png"
mode="scaleToFill"
/>
<image
v-if="genders === 1"
class="Gendericon"
src="../../static/man.png"
mode="scaleToFill"
/>
<image
v-if="genders === 2"
class="Gendericon"
src="../../static/girl.png"
mode="scaleToFill"
/>
</view>
</view>
<view v-if="genders === 0 && Hint === true" class="Hintcss">请选择性别</view>
</view>
</view>
<view class="goldCoin">
<view class="number-box">
<view class="number-box-title">金币:</view>
<uni-number-box v-model="numberCoins"></uni-number-box>
<view class="number-box-title">金币数量:</view>
<uni-number-box background="#2bff001e" v-model="numberCoins"></uni-number-box>
<view class="number-box-title">单位:</view>
<view class="number-box-unit">K</view>
</view>
<view v-if="numberCoins === '' && Hint === true" class="Hint"
>请填写金币数量</view
>
</view>
</view>
<view class="time">
<uni-datetime-picker
type="datetime"
@@ -65,6 +108,8 @@
<view class="Remarkscss">
<uni-easyinput
:styles="styles"
:placeholderStyle="placeholderStyle"
type="textarea"
v-model="remarks"
placeholder="备注"
@@ -85,7 +130,7 @@ import request from "../../components/request.js";
export default {
data() {
return {
genders: "", //性别
genders: 0, //性别
Gender: [
{ label: "男", value: 1 },
{ label: "女", value: 2 },
@@ -97,8 +142,15 @@ export default {
remarks: "", //备注
Display: false,
Hint: false,
datetimesingle: "",//日期
datetimesingle: "", //日期
id: null, //用户id
sendingTime: "", //发送时间
placeholderStyle: "color:#ffffff;font-size:14px",
styles: {
backgroundColor: "#2bff001e",
color: "#ffffff",
borderColor: "#00bd069d",
}
};
},
onLoad() {
@@ -146,7 +198,7 @@ export default {
},
async Publish() {
//判断是否为空
//判断是否为空
if (
this.nameAnchor === "" ||
this.genders === "" ||
@@ -163,7 +215,17 @@ export default {
if (isNaN(timestamp)) {
throw new Error(`Invalid date format: ${this.datetimesingle}`);
}
this.datetimesingle = Math.floor(timestamp / 1000);
this.sendingTime = Math.floor(timestamp / 1000);
const secondsTimestamp = Math.floor(Date.now() / 1000);
if (this.sendingTime < secondsTimestamp) {
uni.showToast({
title: "日期不能早于当前时间",
icon: "none",
duration: 2000,
});
return;
}
//发送请求
uni.showLoading({
title: "发布中...",
@@ -189,7 +251,7 @@ export default {
this.Display = false;
this.Hint = false;
this.nameAnchor = "";
this.genders = "";
this.genders = 0;
this.numberCoins = "";
this.remarks = "";
this.datetimesingle = "";
@@ -207,14 +269,28 @@ export default {
duration: 2000,
});
}
},
},
};
</script>
<style scoped>
/* 定义动画 */
@keyframes slide-in {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/* 应用动画到组件 */
.create-module {
animation: slide-in 0.3s ease-in-out;
}
.Mask {
width: 100vw;
height: 100vh;
@@ -223,15 +299,29 @@ export default {
flex-direction: column-reverse;
}
.Hint {
color: red;
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
margin-top: 10rpx;
}
.Hintcss{
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
margin-top: 20rpx;
}
.containers {
background-color: #ffffff;
border-radius: 50rpx;
}
.container {
display: flex;
background-color: #fff;
background-image: linear-gradient(135deg, #00ff4025, #00d5ff3b);
flex-direction: column;
width: 100%;
height: 100%;
height: 1300rpx;
border-radius: 50rpx;
box-shadow: 0 0 10rpx #ccc;
}
.Fork {
width: 50rpx;
@@ -242,58 +332,131 @@ export default {
}
.Title {
width: 100%;
height: 30rpx;
font-size: 50rpx;
height: 80rpx;
font-size: 70rpx;
font-weight: bold;
text-align: center;
margin-top: 40rpx;
margin-bottom: 40rpx;
/* 设置渐变背景 */
background-image: linear-gradient(135deg, #ffff00, #00d9ff);
/* 关键属性组合 */
-webkit-background-clip: text; /* 兼容 iOS/Android */
background-clip: text;
/* 文字颜色设为透明 */
color: transparent;
/* 防止背景溢出 */
display: inline-block;
padding: 8rpx 16rpx;
text-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.2);
}
.Individual {
display: flex;
/* justify-content: center; */
}
.NameAnchor {
width: 90%;
margin: 40rpx;
}
.time {
width: 90%;
margin-left: 5%;
margin-top: 50rpx;
}
.NameAnchorcss {
width: 300rpx;
width: 99%;
height: 85rpx;
border: 1rpx solid #ccc;
border-radius: 10rpx;
background-image: linear-gradient(135deg, #d9ff007a, #00ffb364);
border-top: 2rpx solid #ffbf0049;
border-bottom: 2rpx solid #125b003a;
border-left: 2rpx solid #ffbf0050;
border-right: 2rpx solid #125b0036;
border-radius: 30rpx;
text-align: center;
color:#ffffff;
}
.Gender {
width: 300rpx;
height: 80rpx;
margin: 40rpx;
}
.Accountnumber {
display: flex;
}
.Coins {
margin-top: 40rpx;
margin-bottom: 40rpx;
width: 400rpx;
height: 65rpx;
width: 310rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.Gendercs{
display: flex;
justify-content: center;
/* align-items: center; */
}
.country{
margin-left: 40rpx;
.Gendercss{
width: 200rpx;
height: 60rpx;
}
.Gendericoncss{
display: flex;
justify-content: center;
align-items: center;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
border: 1rpx solid #ff9d0067;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon{
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
margin-right: 40rpx; */
}
.Accountnumber {
display: flex;
justify-content: center;
margin-bottom: 60rpx;
margin-top: 50rpx;
}
.Coins {
width: 330rpx;
height: 65rpx;
/* display: flex; */
margin-right: 50rpx;
/* flex-direction: column; */
}
.country {
margin-left:10rpx;
}
.goldCoin {
width: 100%;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
}
.number-box {
display: flex;
justify-content: center;
text-align: center;
}
.number-box-title {
margin-right: 20rpx;
/* margin-right: 20rpx; */
/* 设置渐变背景 */
background-image: linear-gradient(135deg, #00ff227a, #a200ff64);
/* 关键属性组合 */
-webkit-background-clip: text; /* 兼容 iOS/Android */
background-clip: text;
/* 文字颜色设为透明 */
color: transparent;
/* 防止背景溢出 */
display: inline-block;
padding: 8rpx 16rpx;
}
.number-box-unit {
color: #ffb30067;
width: 48rpx;
height: 48rpx;
border: 1rpx solid #ff9d006f;
border-radius: 50%;
line-height: 48rpx;
text-align: center;
/* color: #003cff5a; */
}
.Remarkscss {
width: 90%;
@@ -303,12 +466,21 @@ export default {
margin-bottom: 50rpx;
border-radius: 10rpx;
}
.Publish {
margin-bottom: 50rpx;
margin-bottom: 40rpx;
width: 90%;
margin-left: 5%;
}
.Publishcss {
background-color: #0048ff94;
background-image: linear-gradient(135deg, #00ffb354, #c300ff37);
/* color: #33ff00; */
color: #ffffff;
border-bottom: 2rpx solid #c300ff37;
border-top: 2rpx solid #00ffb354;
border-right: 2rpx solid #c300ff37;
border-left: 2rpx solid #00ffb354;
font-weight: bold;
border-radius: 50rpx;
}
</style>

6
pages/Setting/Setting.vue
View File

@@ -10,6 +10,7 @@
@blur="inputName"
/>
<button class="weui-btn" @click="wxLogin">修改</button>
<button class="weui-btn" @click="cancel">取消</button>
</view>
</template>
@@ -46,6 +47,11 @@ export default {
});
},
methods: {
cancel() {
uni.navigateBack({
delta: 1,
});
},
// 输入昵称
inputName(e) {
this.name = e.detail.value;

1
pages/pkDetail/pkDetail.vue
View File

@@ -50,7 +50,6 @@
import formatDate from "../../components/formatDate.js";
import VerifyLogin from "../../components/VerifyLogin.js";
export default {
inject: ['$global'],
data() {
return {
item: {},

BIN
static/Fork.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
static/ask.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/girl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
static/man.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

2
unpackage/dist/dev/.sourcemap/mp-weixin/NewAddedPk.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/components/contentList/contentList.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/Setting/Setting.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/pkDetail/pkDetail.js.map vendored
View File

File diff suppressed because one or more lines are too long

100
unpackage/dist/dev/mp-weixin/NewAddedPk.js vendored
View File

@@ -6,7 +6,7 @@ const common_assets = require("./common/assets.js");
const _sfc_main = {
data() {
return {
genders: "",
genders: 0,
//性别
Gender: [
{ label: "男", value: 1 },
@@ -25,8 +25,16 @@ const _sfc_main = {
Hint: false,
datetimesingle: "",
//日期
id: null
id: null,
//用户id
sendingTime: "",
//发送时间
placeholderStyle: "color:#ffffff;font-size:14px",
styles: {
backgroundColor: "#2bff001e",
color: "#ffffff",
borderColor: "#00bd069d"
}
};
},
onLoad() {
@@ -40,11 +48,11 @@ const _sfc_main = {
methods: {
gender(item) {
this.genders = item.value;
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:115", item);
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:167", item);
},
country(item) {
this.countrys = item.value;
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:120", item);
common_vendor.index.__f__("log", "at pages/NewAddedPk/NewAddedPk.vue:172", item);
},
handleOverlayClick(event) {
if (event.target === this.$el) {
@@ -80,7 +88,16 @@ const _sfc_main = {
if (isNaN(timestamp)) {
throw new Error(`Invalid date format: ${this.datetimesingle}`);
}
this.datetimesingle = Math.floor(timestamp / 1e3);
this.sendingTime = Math.floor(timestamp / 1e3);
const secondsTimestamp = Math.floor(Date.now() / 1e3);
if (this.sendingTime < secondsTimestamp) {
common_vendor.index.showToast({
title: "日期不能早于当前时间",
icon: "none",
duration: 2e3
});
return;
}
common_vendor.index.showLoading({
title: "发布中...",
mask: true
@@ -105,7 +122,7 @@ const _sfc_main = {
this.Display = false;
this.Hint = false;
this.nameAnchor = "";
this.genders = "";
this.genders = 0;
this.numberCoins = "";
this.remarks = "";
this.datetimesingle = "";
@@ -149,45 +166,70 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
d: common_vendor.o$1((...args) => $options.NameAnchor && $options.NameAnchor(...args)),
e: $data.nameAnchor === "" && $data.Hint === true
}, $data.nameAnchor === "" && $data.Hint === true ? {} : {}, {
f: common_vendor.o$1($options.gender),
f: common_vendor.o$1($options.country),
g: common_vendor.p({
backgroundColor: "#fff70065",
borderRadius: "20",
placeholderColor: "#ffffff",
textColor: "#7cba59",
borderColor: "#ffffff",
options: $data.Country,
filterable: "true",
placeholder: "请选择国家"
}),
h: $data.countrys === "" && $data.Hint === true
}, $data.countrys === "" && $data.Hint === true ? {} : {}, {
i: common_vendor.o$1($options.gender),
j: common_vendor.p({
backgroundColor: "#ffaa0082",
borderRadius: "20",
placeholderColor: "#ffffff",
textColor: "#ffffff",
borderColor: "#ffffff",
options: $data.Gender,
placeholder: "性别"
}),
h: $data.genders === "" && $data.Hint === true
}, $data.genders === "" && $data.Hint === true ? {} : {}, {
i: common_vendor.o$1($options.country),
j: common_vendor.p({
options: $data.Country,
filterable: true,
placeholder: "请选择国家"
}),
k: $data.countrys === "" && $data.Hint === true
}, $data.countrys === "" && $data.Hint === true ? {} : {}, {
l: common_vendor.o$1(($event) => $data.numberCoins = $event),
m: common_vendor.p({
k: $data.genders === 0
}, $data.genders === 0 ? {
l: common_assets._imports_1$2
} : {}, {
m: $data.genders === 1
}, $data.genders === 1 ? {
n: common_assets._imports_2
} : {}, {
o: $data.genders === 2
}, $data.genders === 2 ? {
p: common_assets._imports_3
} : {}, {
q: $data.genders === 0 && $data.Hint === true
}, $data.genders === 0 && $data.Hint === true ? {} : {}, {
r: common_vendor.o$1(($event) => $data.numberCoins = $event),
s: common_vendor.p({
background: "#2bff001e",
modelValue: $data.numberCoins
}),
n: $data.numberCoins === "" && $data.Hint === true
t: $data.numberCoins === "" && $data.Hint === true
}, $data.numberCoins === "" && $data.Hint === true ? {} : {}, {
o: common_vendor.o$1(_ctx.changeLog),
p: common_vendor.o$1(($event) => $data.datetimesingle = $event),
q: common_vendor.p({
v: common_vendor.o$1(_ctx.changeLog),
w: common_vendor.o$1(($event) => $data.datetimesingle = $event),
x: common_vendor.p({
type: "datetime",
modelValue: $data.datetimesingle
}),
r: $data.datetimesingle === "" && $data.Hint === true
y: $data.datetimesingle === "" && $data.Hint === true
}, $data.datetimesingle === "" && $data.Hint === true ? {} : {}, {
s: common_vendor.o$1(($event) => $data.remarks = $event),
t: common_vendor.p({
z: common_vendor.o$1(($event) => $data.remarks = $event),
A: common_vendor.p({
styles: $data.styles,
placeholderStyle: $data.placeholderStyle,
type: "textarea",
placeholder: "备注",
modelValue: $data.remarks
}),
v: common_vendor.o$1(($event) => $options.Publish()),
w: common_vendor.o$1(() => {
B: common_vendor.o$1(($event) => $options.Publish()),
C: common_vendor.o$1(() => {
}),
x: common_vendor.o$1(($event) => $options.open())
D: common_vendor.o$1(($event) => $options.open())
}) : {});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-96d38e2b"]]);

6
unpackage/dist/dev/mp-weixin/common/assets.js vendored
View File

@@ -2,6 +2,9 @@
const _imports_0$5 = "/static/HomeBackground.png";
const _imports_0$4 = "/static/Settings.png";
const _imports_0$3 = "/static/Fork.png";
const _imports_1$2 = "/static/ask.png";
const _imports_2 = "/static/man.png";
const _imports_3 = "/static/girl.png";
const _imports_0$2 = "/static/Navigationimg.png";
const _imports_1$1 = "/static/Return.png";
const createGroup = "/assets/start-group.6d6b5fbb.svg";
@@ -91,6 +94,9 @@ exports._imports_0$4 = _imports_0;
exports._imports_0$5 = _imports_0$3;
exports._imports_1 = _imports_1$1;
exports._imports_1$1 = _imports_1;
exports._imports_1$2 = _imports_1$2;
exports._imports_2 = _imports_2;
exports._imports_3 = _imports_3;
exports.addSVG = addSVG;
exports.audioIcon = audioIcon$1;
exports.audioIcon$1 = audioIcon;

2
unpackage/dist/dev/mp-weixin/common/vendor.js vendored
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_Jf3Rfu";
const id = "mp-weixin_nuy28N";
const lazy = typeof swan !== "undefined";
let restoreError = lazy ? () => {
} : initOnError();

12
unpackage/dist/dev/mp-weixin/components/contentList/contentList.js vendored
View File

@@ -19,6 +19,11 @@ const _sfc_main = {
this.pkList();
},
methods: {
onRefresherRefresh() {
this.page = 0;
this.list = [];
this.pkList();
},
goDetail(item) {
common_vendor.index.navigateTo({
url: "/pages/pkDetail/pkDetail",
@@ -41,10 +46,10 @@ const _sfc_main = {
},
userInfo: false
});
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:66", res);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:71", res);
if (res.code === 200) {
this.list.push(...res.data);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:69", this.list);
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:74", this.list);
}
},
onScrollToLower() {
@@ -78,7 +83,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
l: "4813d59a-0-" + i0
});
}),
b: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args))
b: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
c: 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"]]);

2
unpackage/dist/dev/mp-weixin/components/contentList/contentList.wxml vendored
View File

@@ -1 +1 @@
<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>
<scroll-view scroll-y="true" class="scroll data-v-4813d59a" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{b}}" lower-threshold="100" bindscrolltolower="{{c}}"><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>

2
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml vendored
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 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 wx:if="{{a}}" class="Mask create-module data-v-96d38e2b" bindtap="{{D}}"><view catchtap="{{C}}" class="containers data-v-96d38e2b"><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="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" cursor-color="#ffffff" placeholder-style="color:#ffffff" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Gender data-v-96d38e2b"><view class="Gendercs data-v-96d38e2b"><view class="Gendercss 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><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{k}}" class="Gendericon data-v-96d38e2b" src="{{l}}" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="{{n}}" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-96d38e2b" src="{{p}}" mode="scaleToFill"/></view></view><view wx:if="{{q}}" class="Hintcss data-v-96d38e2b">请选择性别</view></view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币数量:</view><uni-number-box wx:if="{{s}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">单位:</view><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{t}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{x}}" class="data-v-96d38e2b" bindchange="{{v}}" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{w}}" u-p="{{x}}"/><view wx:if="{{y}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{A}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{z}}" u-p="{{A}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{B}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>

161
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss vendored
View File

@@ -1,4 +1,20 @@
/* 定义动画 */
@keyframes slide-in-96d38e2b {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/* 应用动画到组件 */
.create-module.data-v-96d38e2b {
animation: slide-in-96d38e2b 0.3s ease-in-out;
}
.Mask.data-v-96d38e2b {
width: 100vw;
height: 100vh;
@@ -7,15 +23,29 @@
flex-direction: column-reverse;
}
.Hint.data-v-96d38e2b {
color: red;
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
margin-top: 10rpx;
}
.Hintcss.data-v-96d38e2b{
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
margin-top: 20rpx;
}
.containers.data-v-96d38e2b {
background-color: #ffffff;
border-radius: 50rpx;
}
.container.data-v-96d38e2b {
display: flex;
background-color: #fff;
background-image: linear-gradient(135deg, #00ff4025, #00d5ff3b);
flex-direction: column;
width: 100%;
height: 100%;
height: 1300rpx;
border-radius: 50rpx;
box-shadow: 0 0 10rpx #ccc;
}
.Fork.data-v-96d38e2b {
width: 50rpx;
@@ -26,58 +56,131 @@
}
.Title.data-v-96d38e2b {
width: 100%;
height: 30rpx;
font-size: 50rpx;
height: 80rpx;
font-size: 70rpx;
font-weight: bold;
text-align: center;
margin-top: 40rpx;
margin-bottom: 40rpx;
/* 设置渐变背景 */
background-image: linear-gradient(135deg, #ffff00, #00d9ff);
/* 关键属性组合 */
-webkit-background-clip: text; /* 兼容 iOS/Android */
background-clip: text;
/* 文字颜色设为透明 */
color: transparent;
/* 防止背景溢出 */
display: inline-block;
padding: 8rpx 16rpx;
text-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.2);
}
.Individual.data-v-96d38e2b {
display: flex;
/* justify-content: center; */
}
.NameAnchor.data-v-96d38e2b {
width: 90%;
margin: 40rpx;
}
.time.data-v-96d38e2b {
width: 90%;
margin-left: 5%;
margin-top: 50rpx;
}
.NameAnchorcss.data-v-96d38e2b {
width: 300rpx;
width: 99%;
height: 85rpx;
border: 1rpx solid #ccc;
border-radius: 10rpx;
background-image: linear-gradient(135deg, #d9ff007a, #00ffb364);
border-top: 2rpx solid #ffbf0049;
border-bottom: 2rpx solid #125b003a;
border-left: 2rpx solid #ffbf0050;
border-right: 2rpx solid #125b0036;
border-radius: 30rpx;
text-align: center;
color:#ffffff;
}
.Gender.data-v-96d38e2b {
width: 300rpx;
height: 80rpx;
margin: 40rpx;
}
.Accountnumber.data-v-96d38e2b {
display: flex;
}
.Coins.data-v-96d38e2b {
margin-top: 40rpx;
margin-bottom: 40rpx;
width: 400rpx;
height: 65rpx;
width: 310rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.Gendercs.data-v-96d38e2b{
display: flex;
justify-content: center;
/* align-items: center; */
}
.country.data-v-96d38e2b{
margin-left: 40rpx;
.Gendercss.data-v-96d38e2b{
width: 200rpx;
height: 60rpx;
}
.Gendericoncss.data-v-96d38e2b{
display: flex;
justify-content: center;
align-items: center;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
border: 1rpx solid #ff9d0067;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon.data-v-96d38e2b{
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
margin-right: 40rpx; */
}
.Accountnumber.data-v-96d38e2b {
display: flex;
justify-content: center;
margin-bottom: 60rpx;
margin-top: 50rpx;
}
.Coins.data-v-96d38e2b {
width: 330rpx;
height: 65rpx;
/* display: flex; */
margin-right: 50rpx;
/* flex-direction: column; */
}
.country.data-v-96d38e2b {
margin-left:10rpx;
}
.goldCoin.data-v-96d38e2b {
width: 100%;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
}
.number-box.data-v-96d38e2b {
display: flex;
justify-content: center;
text-align: center;
}
.number-box-title.data-v-96d38e2b {
margin-right: 20rpx;
/* margin-right: 20rpx; */
/* 设置渐变背景 */
background-image: linear-gradient(135deg, #00ff227a, #a200ff64);
/* 关键属性组合 */
-webkit-background-clip: text; /* 兼容 iOS/Android */
background-clip: text;
/* 文字颜色设为透明 */
color: transparent;
/* 防止背景溢出 */
display: inline-block;
padding: 8rpx 16rpx;
}
.number-box-unit.data-v-96d38e2b {
color: #ffb30067;
width: 48rpx;
height: 48rpx;
border: 1rpx solid #ff9d006f;
border-radius: 50%;
line-height: 48rpx;
text-align: center;
/* color: #003cff5a; */
}
.Remarkscss.data-v-96d38e2b {
width: 90%;
@@ -88,10 +191,18 @@
border-radius: 10rpx;
}
.Publish.data-v-96d38e2b {
margin-bottom: 50rpx;
margin-bottom: 40rpx;
width: 90%;
margin-left: 5%;
}
.Publishcss.data-v-96d38e2b {
background-color: #0048ff94;
background-image: linear-gradient(135deg, #00ffb354, #c300ff37);
/* color: #33ff00; */
color: #ffffff;
border-bottom: 2rpx solid #c300ff37;
border-top: 2rpx solid #00ffb354;
border-right: 2rpx solid #c300ff37;
border-left: 2rpx solid #00ffb354;
font-weight: bold;
border-radius: 50rpx;
}

10
unpackage/dist/dev/mp-weixin/pages/Setting/Setting.js vendored
View File

@@ -31,6 +31,11 @@ const _sfc_main = {
});
},
methods: {
cancel() {
common_vendor.index.navigateBack({
delta: 1
});
},
// 输入昵称
inputName(e) {
this.name = e.detail.value;
@@ -52,7 +57,7 @@ const _sfc_main = {
}).then((res) => {
this.userinfo = res;
}).catch((err) => {
common_vendor.index.__f__("log", "at pages/Setting/Setting.vue:71", err);
common_vendor.index.__f__("log", "at pages/Setting/Setting.vue:77", err);
});
if (this.userinfo) {
const res = await components_request.request({
@@ -91,7 +96,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
a: $data.userinfo,
b: common_vendor.o$1((...args) => $options.Userinfo && $options.Userinfo(...args)),
c: common_vendor.o$1((...args) => $options.inputName && $options.inputName(...args)),
d: common_vendor.o$1((...args) => $options.wxLogin && $options.wxLogin(...args))
d: common_vendor.o$1((...args) => $options.wxLogin && $options.wxLogin(...args)),
e: common_vendor.o$1((...args) => $options.cancel && $options.cancel(...args))
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c55a289"]]);

2
unpackage/dist/dev/mp-weixin/pages/Setting/Setting.wxml vendored
View File

@@ -1 +1 @@
<view class="container data-v-3c55a289"><button class="login-btn data-v-3c55a289" open-type="chooseAvatar" bindchooseavatar="{{b}}"><image class="avatar data-v-3c55a289" src="{{a}}"></image></button><input type="nickname" class="weui-input data-v-3c55a289" placeholder="请输入昵称" bindblur="{{c}}"/><button class="weui-btn data-v-3c55a289" bindtap="{{d}}">修改</button></view>
<view class="container data-v-3c55a289"><button class="login-btn data-v-3c55a289" open-type="chooseAvatar" bindchooseavatar="{{b}}"><image class="avatar data-v-3c55a289" src="{{a}}"></image></button><input type="nickname" class="weui-input data-v-3c55a289" placeholder="请输入昵称" bindblur="{{c}}"/><button class="weui-btn data-v-3c55a289" bindtap="{{d}}">修改</button><button class="weui-btn data-v-3c55a289" bindtap="{{e}}">取消</button></view>

3
unpackage/dist/dev/mp-weixin/pages/pkDetail/pkDetail.js vendored
View File

@@ -4,7 +4,6 @@ const components_formatDate = require("../../components/formatDate.js");
const components_VerifyLogin = require("../../components/VerifyLogin.js");
const common_assets = require("../../common/assets.js");
const _sfc_main = {
inject: ["$global"],
data() {
return {
item: {}
@@ -14,7 +13,7 @@ const _sfc_main = {
const eventChannel = this.getOpenerEventChannel();
eventChannel.on("itemDetail", (data) => {
this.item = data.item;
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:65", "接收到的数据:", this.item);
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:64", "接收到的数据:", this.item);
});
},
methods: {

BIN
unpackage/dist/dev/mp-weixin/static/Fork.png vendored
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
unpackage/dist/dev/mp-weixin/static/ask.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
unpackage/dist/dev/mp-weixin/static/girl.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
unpackage/dist/dev/mp-weixin/static/man.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB