feat:修改页面显示
This commit is contained in:
parent
c9e36050d4
commit
13ea7a1e85
|
@ -4,7 +4,13 @@
|
|||
},
|
||||
"pages": [
|
||||
{
|
||||
"path": "pages/index"
|
||||
"path": "pages/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "超级会员",
|
||||
"navigationBarBackgroundColor": "#D1A55A"
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/user"
|
||||
|
|
|
@ -279,7 +279,6 @@ export default {
|
|||
.then((res) => {
|
||||
uni.hideLoading();
|
||||
let datas = JSON.parse(res.payUrl);
|
||||
console.log(datas);
|
||||
uni.navigateToMiniProgram({
|
||||
appId: datas.cqpMpAppId,
|
||||
path: datas.cqpMpPath,
|
||||
|
|
|
@ -2,64 +2,305 @@
|
|||
* @Author: wwxin
|
||||
* @Date: 2023-12-08 13:58:32
|
||||
* @LastEditors: wwxin 2463926940@qq.com
|
||||
* @LastEditTime: 2024-09-18 11:38:27
|
||||
* @LastEditTime: 2024-10-25 17:51:03
|
||||
* @FilePath: /sharetea-user/src/pagesUser/profile.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
<template>
|
||||
<view class="page-bg">
|
||||
<img style="width:100%" src="https://prom-cdn.xtl10.fun/shangyou/kf9ocdv/1726217112802/C091238A-AFB4-44fa-9ECE-62CD763B73971542770.png" alt="">
|
||||
<view style="height:30px"></view>
|
||||
<view class="tags">
|
||||
<u-button type="warning" size="medium" @click="toView" >蜻蜓老客户意见登记入口</u-button>
|
||||
<u-button type="info" size="medium" @click="toTest" v-if="isView" >测试入口</u-button>
|
||||
<view>
|
||||
<view class="page-bg" v-if="!isView">
|
||||
<view class="top-info">
|
||||
<view class="left-account">
|
||||
<u-icon name="account" size="80" color="#fffff"></u-icon>
|
||||
<view class="flex-col ml10" v-if="!phoneNumber">
|
||||
<text>未登录</text>
|
||||
<text>登录后可查看会员权益</text>
|
||||
</view>
|
||||
<view v-else>{{ phoneNumber.substring(0, 3) }}***</view>
|
||||
</view>
|
||||
<button
|
||||
v-if="!phoneNumber"
|
||||
class="avatar_text"
|
||||
open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber"
|
||||
type="text"
|
||||
>
|
||||
点击登录
|
||||
</button>
|
||||
</view>
|
||||
<view class="content">
|
||||
<img
|
||||
style="width: 100%"
|
||||
src="https://prom-cdn.xtl10.fun/shangyou/n79hy8h/1729674028130/banner2665855.png"
|
||||
alt=""
|
||||
@click="oepns"
|
||||
/>
|
||||
<view class="title">选择会员套餐</view>
|
||||
<view class="card-list">
|
||||
<view
|
||||
:class="['card-box', activeIndex == index ? 'active-card' : '']"
|
||||
v-for="(item, index) in list"
|
||||
:key="item.price"
|
||||
@click="handleClick(index, item)"
|
||||
>
|
||||
<view class="text1">{{ item.title }}</view>
|
||||
<view class="text2">{{ item.price }}</view>
|
||||
<view class="text3">{{ item.tips }}</view>
|
||||
<view class="text3">{{ item.tips1 }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
src="https://prom-cdn.xtl10.fun/shangyou/oya93pk/1729666919338/tips4293173.png"
|
||||
style="width: 90%; height: 130px;padding:0 20px 0 20px"
|
||||
/>
|
||||
<image
|
||||
src="https://prom-cdn.xtl10.fun/shangyou/7wgh0qn/1729737159916/e534283eb1b825f01d0e77a8c9564a7-min7000194.jpeg"
|
||||
style="width: 90%; height: 380px;padding:0 20px 40px 20px"
|
||||
/>
|
||||
<!-- <view class="desc-box">
|
||||
<text>权益说明</text>
|
||||
蜻蜓会员是蜻蜓FM平台提供的一种会员服务,用户通过支付一定费用成为会员后,可以享受一系列特权和优惠。 蜻蜓会员的具体权益包括免广告、会员专享内容、会员8.8折活动、会员活动、会员抢先听以及专属标志等。
|
||||
开通蜻蜓会员后,用户可以享受以下具体权益:
|
||||
免广告:会员期间内,用户可以享受免除广告的待遇,提供更流畅的收听体验。
|
||||
会员专享内容:会员可以收听一些普通用户无法收听的内容,包括独家节目和音频资源。
|
||||
会员8.8折活动:会员在平台上的购物或服务中可以享受8.8折的优惠。
|
||||
会员活动:会员可以参与平台举办的各类会员专属活动,获得更多福利和互动机会。
|
||||
会员抢先听:部分热门内容会优先对会员开放,让会员能够第一时间听到最新内容。
|
||||
专属标志:会员在平台上有专属的标志,展示其会员身份。
|
||||
此外,蜻蜓FM还提供了联合会员服务,例如蜻蜓FM与芒果TV的联合会员,用户开通后不仅可以享受蜻蜓FM的会员权益,还可以获得芒果TV的会员权益,使用同一个账号登录即可享受双重会员服务。
|
||||
|
||||
|
||||
|
||||
</view> -->
|
||||
<view class="btns" @click="handleOpen">
|
||||
¥{{ activePrice }} 确定协议并开通</view
|
||||
>
|
||||
</view>
|
||||
<view v-else>
|
||||
<img
|
||||
style="width: 100%"
|
||||
src="https://prom-cdn.xtl10.fun/shangyou/kf9ocdv/1726217112802/C091238A-AFB4-44fa-9ECE-62CD763B73971542770.png"
|
||||
alt=""
|
||||
/>
|
||||
<view style="height: 30px"></view>
|
||||
<view class="tags" style="text-align:center">
|
||||
<u-button type="warning" size="medium" @click="toView"
|
||||
>蜻蜓老客户意见登记入口</u-button
|
||||
>
|
||||
<!-- <u-button type="info" size="medium" @click="toTest" v-if="isView"
|
||||
>测试入口
|
||||
</u-button> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {homeShowList } from "@/service";
|
||||
|
||||
import md5 from "js-md5";
|
||||
import { homeShowList, getPhoneMini, proOrder } from "@/service";
|
||||
export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
isView:false,
|
||||
resCode: "",
|
||||
phoneNumber: "15812060141",
|
||||
activeIndex: 0,
|
||||
activePrice: 25,
|
||||
isView: false,
|
||||
promotionCode: 'MKmILQ',
|
||||
list: [
|
||||
{ title: "1个月", price: 25, tips: "仅0.8元/天",tips1:'' },
|
||||
{ title: "连续包季", price: 53, tips: "每月17.67元",tips1:'一个季度' },
|
||||
{ title: "连续包年", price: 198, tips: "每月16.50元",tips1:'一年' },
|
||||
],
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
toView(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/form'
|
||||
methods: {
|
||||
handleClick(index, item) {
|
||||
this.activeIndex = index;
|
||||
this.activePrice = item.price;
|
||||
},
|
||||
handleOpen() {
|
||||
if (!this.phoneNumber) {
|
||||
uni.showToast({
|
||||
title: "请先点击登录",
|
||||
icon: "none",
|
||||
duration: 2000,
|
||||
});
|
||||
return
|
||||
}
|
||||
let text = `mobile=${this.phoneNumber}promotionCode=${this.promotionCode}`;
|
||||
let param = {
|
||||
mobile: this.phoneNumber,
|
||||
promotionCode: this.promotionCode,
|
||||
sign: md5(text),
|
||||
isWebChatMiniApp: true,
|
||||
payType: 2,
|
||||
isCustomPriceMode: true,
|
||||
price: Number(this.activePrice),
|
||||
};
|
||||
proOrder(param).then((res) => {
|
||||
uni.hideLoading();
|
||||
let datas = JSON.parse(res.payUrl);
|
||||
uni.navigateToMiniProgram({
|
||||
appId: datas.cqpMpAppId,
|
||||
path: datas.cqpMpPath,
|
||||
success(res) {
|
||||
// 打开成功
|
||||
},
|
||||
});
|
||||
});
|
||||
},
|
||||
toTest(){
|
||||
oepns(){
|
||||
this.activePrice=25
|
||||
this.handleOpen()
|
||||
},
|
||||
async getPhoneNumber(e) {
|
||||
let that = this;
|
||||
if (e.detail.errMsg == "getPhoneNumber:ok") {
|
||||
let code = e.detail.code;
|
||||
let res = await getPhoneMini({ code: code });
|
||||
const { phoneNumber } = res.phone_info;
|
||||
this.phoneNumber = '15812060141';
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "登录失败",
|
||||
icon: "none",
|
||||
duration: 2000,
|
||||
});
|
||||
}
|
||||
},
|
||||
toView() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/test'
|
||||
url: "/pages/form",
|
||||
});
|
||||
},
|
||||
geHomeList(){
|
||||
homeShowList({}).then(res=>{
|
||||
this.isView=res
|
||||
|
||||
})
|
||||
toTest() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/test",
|
||||
});
|
||||
},
|
||||
geHomeList() {
|
||||
homeShowList({}).then((res) => {
|
||||
this.isView = res;
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.geHomeList()
|
||||
},
|
||||
onLoad(opt) {
|
||||
|
||||
this.geHomeList();
|
||||
},
|
||||
|
||||
onShow() {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.tags{
|
||||
.page-bg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
flex-direction: column;
|
||||
.desc-box{
|
||||
padding: 20px;
|
||||
line-height: 24px;
|
||||
border: 1px solid #ffeac4;
|
||||
border-radius: 20px;
|
||||
margin: 20px;
|
||||
text{
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
.btns {
|
||||
background: linear-gradient(270deg, #ffeac4 0%, #fbd28c 100%);
|
||||
height: 60px;
|
||||
width: 98%;
|
||||
border-radius: 22px 22px 22px 22px;
|
||||
color: #9a6416;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
}
|
||||
.tags {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.top-info {
|
||||
background: url("https://prom-cdn.xtl10.fun/shangyou/z5pk8b5/1729652362095/bg9169175.png");
|
||||
height: 200rpx;
|
||||
z-index: 99;
|
||||
padding: 26rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.left-account {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
}
|
||||
.avatar_text {
|
||||
font-size: 40rpx;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
margin-left: 17px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
background: transparent;
|
||||
opacity: 1;
|
||||
border-radius: 16rpx;
|
||||
height: 50px;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
padding: 20px;
|
||||
.title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.card-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.active-card {
|
||||
background: rgba(253, 223, 171, 0.4);
|
||||
border: 1px solid #cc9b44;
|
||||
}
|
||||
.card-box {
|
||||
width: 33%;
|
||||
height: 138px;
|
||||
border: 1px solid #e3e3e3;
|
||||
margin-right: 8px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
border-radius: 16px;
|
||||
.text1 {
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
.text2 {
|
||||
color: #cc9b44;
|
||||
font-weight: 600;
|
||||
font-size: 25px;
|
||||
}
|
||||
.text3 {
|
||||
color: #666666;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: wwxin
|
||||
* @Date: 2023-12-08 13:58:32
|
||||
* @LastEditors: wwxin 2463926940@qq.com
|
||||
* @LastEditTime: 2024-09-13 20:08:04
|
||||
* @LastEditTime: 2024-10-24 10:47:59
|
||||
* @FilePath: /sharetea-user/src/pagesUser/profile.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
|
@ -28,7 +28,7 @@ export default {
|
|||
handlerCopy() {
|
||||
uni
|
||||
.makePhoneCall({
|
||||
phoneNumber: '4008103568',
|
||||
phoneNumber: '4000753009',
|
||||
})
|
||||
.catch((e) => {});
|
||||
},
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
* @Author: wwxin
|
||||
* @Date: 2023-02-04 11:05:26
|
||||
* @LastEditors: wwxin 2463926940@qq.com
|
||||
* @LastEditTime: 2024-09-14 15:27:02
|
||||
* @LastEditTime: 2024-10-23 18:33:28
|
||||
* @FilePath: /
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
// 测试环境
|
||||
const DEV_BASE_URL = "https://td.xtl10.fun";
|
||||
//const DEV_BASE_URL = "http://47.109.21.59:889";
|
||||
//const DEV_BASE_URL = "http://192.168.110.175:8081";
|
||||
// const DEV_BASE_URL = "http://192.168.110.175:8081";
|
||||
let BASE_URL = DEV_BASE_URL;
|
||||
const envConfig = {
|
||||
BASE_URL,
|
||||
|
|
Loading…
Reference in New Issue