feat:修改页面显示

src/pages.json

@@ -4,7 +4,13 @@
   },
   "pages": [
     {
-      "path": "pages/index"
+      "path": "pages/index",
+      "style": {
+           "navigationBarTitleText": "超级会员",
+    "navigationBarBackgroundColor": "#D1A55A"
+
+      }
+
     },
     {
       "path": "pages/user"

src/pages/home.vue

@@ -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,

src/pages/index.vue

@@ -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">
+  <view>
-    <img style="width:100%" src="https://prom-cdn.xtl10.fun/shangyou/kf9ocdv/1726217112802/C091238A-AFB4-44fa-9ECE-62CD763B73971542770.png" alt="">
+    <view class="page-bg" v-if="!isView">
-    <view style="height:30px"></view>
+      <view class="top-info">
-    <view class="tags">
+        <view class="left-account">
-      <u-button type="warning" size="medium" @click="toView" >蜻蜓老客户意见登记入口</u-button>
+          <u-icon name="account" size="80" color="#fffff"></u-icon>
-      <u-button type="info" size="medium" @click="toTest" v-if="isView" >测试入口</u-button>
+          <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:{
+  methods: {
-    toView(){
+    handleClick(index, item) {
-      uni.navigateTo({
+      this.activeIndex = index;
-         url: '/pages/form'
+      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(){
+    toTest() {
-      homeShowList({}).then(res=>{
+      uni.navigateTo({
-        this.isView=res
+        url: "/pages/test",
-        
+      });
-      })
+    },
+    geHomeList() {
+      homeShowList({}).then((res) => {
+        this.isView = res;
+      });
     },
   },
   created() {
-    this.geHomeList()
+    this.geHomeList();
-  },
-  onLoad(opt) {
-    
   },
 
-  onShow() {},
 };
 </script>
 
 <style lang="scss" scoped>
-.tags{
+.page-bg {
+  display: flex;
+  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>

src/pages/user.vue

@@ -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) => {});
     },

src/util/http/env.js

@@ -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,