@alu008/test_yuanqikaixiang 1.0.0

package/App.vue

@@ -0,0 +1,294 @@
+<script>
+import { isMTVapp,isHonery } from "./utils";
+export default {
+  onLaunch: function (e) {
+    const honery = isHonery()
+    if(honery){
+
+    let lastWidth = window.innerWidth
+    let timer = null
+
+    window.addEventListener('resize', () => {
+      const currentWidth = window.innerWidth
+      if (currentWidth === lastWidth) return
+
+      lastWidth = currentWidth
+
+     timer && clearTimeout(timer)
+      timer = setTimeout(() => {
+        location.reload()
+      }, 300) 
+    })
+
+    }
+
+
+
+
+
+    const params = new URLSearchParams(window.location.search);
+    const isFullScreen = params && params.get("isFullScreen");
+    if (isFullScreen) {
+        if(!isMTVapp()){
+         uni.setStorageSync('safeTop', 0);
+        }
+    MgtvApi.callhandler('getScreenCutoutInfo', {}, function(data){
+        const resp = typeof data === 'string' ? JSON.parse(data) : data;
+        if (resp.code == 200 && resp.data) { //响应正常
+          const t = JSON.parse(resp.data)
+          const dpr = window.devicePixelRatio || 1
+          //将机器像素换算为CSS的像素
+          t.safeTop = t.safeTop / dpr
+          t.safeBottom = t.safeBottom / dpr
+          t.safeLeft = t.safeLeft / dpr
+          t.safeBottom = t.safeBottom / dpr
+          uni.setStorageSync('safeTop', t.safeTop);
+          //  /** 是否有刘海，挖孔，1：有，0：无 */
+          //    hasNotch;
+          // /** 屏的安全区域与左侧的间隔 */
+          //   safeLeft;
+          // /** 屏的安全区域与顶部的间隔 */
+          //   safeTop;
+          // /** 屏的安全区域与右侧的间隔 */
+          //   safeRight;
+          // /** 屏的安全区域与底部的间隔 */
+          //  safeBottom;
+        }else{
+          uni.setStorageSync('safeTop', 40);
+        }
+      })
+      uni.setStorageSync('hideHeader', 0);
+    }else{
+      uni.setStorageSync('safeTop', 0);
+      uni.setStorageSync('hideHeader', 1);
+    }
+
+    // this.checkVersion();
+  },
+  onShow: function (e) {
+
+
+  },
+  mounted() {
+    const is_app = /imgo/i.test(window.navigator.userAgent)
+const is_android = /android/i.test(window.navigator.userAgent)
+
+if(is_app && is_android) {
+      // 兼容安卓端会员频道里面弹窗打开后无法下拉的问题
+      document.addEventListener('click', () => {
+        if(document.documentElement.scrollTop === 0) {
+          document.documentElement.scrollTop = 1
+        }
+      })
+    }
+  },
+  onHide: function () {
+  },
+  methods: {
+    
+  },
+};
+</script>
+
+<style lang="scss">
+  @font-face {
+  font-family: 'AlibabaPuHuiTiRegular';
+  src: url('@/static/fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+  @font-face {
+  font-family: 'AlibabaPuHuiTiMedium';
+  src: url('@/static/fonts/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+  @font-face {
+  font-family: 'AlibabaPuHuiTiBold';
+  src: url('@/static/fonts/Alibaba-PuHuiTi-Bold.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+  @font-face {
+  font-family: 'fxlh';
+  src: url('@/static/fonts/fxlh.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/*每个页面公共css */
+@import "uview-ui/index.scss";
+.hoverActive {
+  /* opacity: 0.8; */
+}
+/deep/ .u-popup__content{
+  background-color: transparent !important;
+}
+image {
+  /* vertical-align: middle; */
+}
+scroll-view {
+  box-sizing: border-box;
+}
+.warp {
+  /* height: 100vh; */
+  /* overflow-y: auto; */
+}
+.uni-picker-container {
+  z-index: 9999999 !important;
+}
+.uni-page-head-btn{
+  display: flex;
+  align-items: center;
+}
+page {
+  font-size: 24rpx;
+font-family: PingFang SC, PingFang SC;
+  /* color: #333333; */
+  word-wrap: break-word;
+  color: #000;
+  box-sizing: border-box;
+  overscroll-behavior: none;
+
+}
+
+ul {
+  li {
+    list-style: none;
+  }
+}
+
+.over {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.flex {
+  display: flex;
+}
+
+.fb {
+  font-weight: 600;
+}
+
+.bgcCenter {
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size:cover ;
+  // background-color: #eaeaea;
+  background-color: transparent;
+}
+
+.u-sticky{
+  top: 0 !important;
+  z-index: 9999 !important;
+}
+
+.center{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* gap: 5rpx; */
+}
+scroll-view {
+  -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
+}
+
+.defaultBgcColor{
+   /* background-color: #ccc; */
+}
+
+span{
+  vertical-align: middle;
+}
+uni-text{
+   display: flex;
+  align-items: center;
+}
+.u-tabs__wrapper__nav__line{
+    background: linear-gradient( 90deg, #0BD690 0%, #00B0E0 100%) !important;
+}
+.loginTestPoupon {
+  width: 100%;
+  padding: 30rpx 48rpx;
+  // padding-top: 48rpx;
+  background-color: #ffff;
+  border-radius: 32rpx;
+  width: 654rpx;
+  .title {
+    // height: 100rpx;
+    background: #fff;
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+    text-align: center;
+    // line-height: 100rpx;
+    font-size: 36rpx;
+    font-weight: bold;
+    padding: 0 24rpx;
+  }
+  .content {
+    margin-top: 15rpx;
+     .message{
+      margin-bottom: 10rpx;
+      >view{
+        &:first-child{
+          margin-bottom: 4rpx;
+        }
+      }
+    }
+    .subtitle {
+      font-size: 28rpx;
+      font-weight: bold;
+      margin-bottom: 16rpx;
+      text-align: center;
+    }
+    input {
+      // height: 100rpx;
+      background-color: #f6f6f6;
+      padding: 16rpx;
+      font-size: 28rpx;
+      text-align: left;
+      border-radius: 8rpx;
+    }
+    .tips {
+      font-size: 24rpx;
+      color: #e73e3d;
+      text-align: center;
+
+      margin-top: 56rpx;
+    }
+  }
+  .buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 36rpx;
+    > view {
+      width: 264rpx;
+      height: 80rpx;
+
+      border-radius: 40rpx 40rpx 40rpx 40rpx;
+      font-size: 32rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:first-child {
+        margin-right: 30rpx;
+        background: #e9e9e9;
+      }
+
+      &:last-child {
+        background: linear-gradient( 90deg, #0BD690 0%, #00B0E0 100%);;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>

package/Local/en.json

@@ -0,0 +1,3 @@
+{
+    "index":"home {msg}"
+}

package/Local/indian.json

@@ -0,0 +1,3 @@
+{
+    "index":"होम {msg}"
+}

package/Local/zh-Hans.json

@@ -0,0 +1,3 @@
+{
+    "index":"首页 {msg}"
+}

package/Local/zh-Hant.json

@@ -0,0 +1,3 @@
+{
+    "index":"首页 {msg}"
+}

package/README.md

@@ -0,0 +1 @@
+ H5

package/androidPrivacy.json

@@ -0,0 +1,28 @@
+{
+    "version" : "1",
+    "prompt" : "template",
+    "title" : "用户协议和隐私政策",
+    "message" : "　　请你务必审慎阅读、充分理解“用户协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"https://img.shinemang.com/static/protocol.html?type=system:UserAgreement\">《用户协议》</a>和<a href=\"https://img.shinemang.com/static/protocol.html\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
+    "buttonAccept" : "同意并接受",
+    "buttonRefuse" : "暂不同意",
+    "hrefLoader" : "system",
+    "second" : {
+        "title" : "确认提示",
+        "message" : "　　进入应用前，你需先同意<a href=\"https://img.shinemang.com/static/protocol.html?type=system:UserAgreement\">《用户协议》</a>和<a href=\"https://img.shinemang.com/static/protocol.html\">《隐私政策》</a>，否则将退出应用。",
+        "buttonAccept" : "同意并继续",
+        "buttonRefuse" : "退出应用"
+    },
+    "styles" : {
+        "backgroundColor" : "#ffffff",
+        "borderRadius" : "5px",
+        "title" : {
+            "color" : "#333333"
+        },
+        "buttonAccept" : {
+            "color" : "#7C66FF"
+        },
+        "buttonRefuse" : {
+            "color" : "#333"
+        }
+    }
+}

package/components/ball/ball.vue

@@ -0,0 +1,230 @@
+
+<template>
+    <view class="ball"  >
+        <view>
+          
+            <view v-if="afterTop !== -60" class="waterItem water water-level-10" :data-content="40 - afterTop + '%'"
+                :style="{ '--after-top': afterTop + '%' }"></view>
+            <view class="waterItem water1" v-else></view>
+              <view class="outer"></view>
+        </view>
+        <!-- <view class="num">{{ 40 - afterTop }}%</view> -->
+        <!-- <view class="starry-container">
+            <view v-for="(star, index) in stars" :key="index" class="star" :style="star.style"></view>
+        </view> -->
+    </view>
+</template>
+<script>
+export default {
+    props: {
+        afterTop: {
+            type: Number,
+            default: -20,
+        },
+    },
+    created() {
+    },
+    data() {
+        return {
+            // afterTop: -20, //-60 满，40 空
+            // stars: null,
+        };
+    },
+    computed: {},
+    mounted() {
+        // if (![-60, 40].includes(this.afterTop)) {
+        // this.stars = Array(20)
+        //     .fill()
+        //     .map(() => {
+        //         const size = Math.random() * 2 + 5;
+        //         const hue = Math.floor(Math.random() * 360); // 0-359任意色相
+        //         const saturation = Math.floor(Math.random() * 30) + 20; // 20-50%饱和度
+        //         const lightness = Math.floor(Math.random() * 20) + 70; // 70-90%明度
+        //         return {
+        //             style: {
+        //                 top: `${Math.random() * 100}%`,
+        //                 left: `${Math.random() * 100}%`,
+        //                 animationDelay: `${Math.random() * 2}s`,
+        //                 width: `${size}rpx`,
+        //                 height: `${size}rpx`,
+        //                 background: `hsl(${hue}, ${saturation}%, ${lightness}%)`,
+        //             },
+        //         };
+        //     });
+        // }
+    },
+    methods: {
+    },
+};
+</script>
+<style lang='scss' scoped>
+.ball {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 144rpx;
+    height: 144rpx;
+    overflow: hidden;
+    font-weight: bold;
+    color: white;
+    z-index: 999;
+
+    .waterItem {
+        position: absolute;
+        width: 88rpx;
+        height: 88rpx;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        border-radius: 50%;
+        overflow: hidden;
+    }
+
+    .water {
+        background: linear-gradient( 180deg, #FF3124 0%, #FFE69A 100%);
+    }
+
+    .water1 {
+      background:linear-gradient(180deg, #FF3124 0%, #FFE69A 100%);
+      background-size: 100% 100%;
+    }
+
+    .water::after {
+        content: "";
+        position: absolute;
+        text-align: center;
+        top: 0;
+        left: 50%;
+        width: 150%;
+        height: 150%;
+        border-radius: 35%;
+        border: 2rpx solid rgb(251, 205, 148);
+        background:linear-gradient( 90deg, #FFD3CA 0%, #FF9F9F 100%);
+        animation: real 5s linear infinite;
+    }
+
+    @keyframes real {
+        0% {
+            transform: translate(-50%, -65%) rotate(0deg);
+        }
+
+        100% {
+            transform: translate(-50%, -65%) rotate(360deg);
+        }
+    }
+
+    /* 水位高度top: 35% ~ -65% */
+    .water::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 50%;
+        width: 150%;
+        height: 150%;
+        border-radius: 30%;
+        border: 2rpx solid rgb(251, 205, 148);
+        animation: virtual 7s linear infinite;
+    }
+
+    @keyframes virtual {
+        0% {
+            transform: translate(-50%, -60%) rotate(0deg);
+        }
+
+        100% {
+            transform: translate(-50%, -60%) rotate(360deg);
+        }
+    }
+
+    /* 定制浮动水位样式 */
+    .water-level-10::after,
+    .water-level-10::before {
+        top: var(--after-top);
+    }
+
+    .water-level-20::after,
+    .water-level-20::before {
+        top: var(--after-top);
+    }
+
+    .outer {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background-image: url("https://img.shinemang.com/static/img/bgcCenter.png");
+        background-size: 100% 100%;
+    }
+    // .starry-container {
+    //     position: absolute;
+    //     width: 72rpx;
+    //     height: 70rpx;
+    //     left: 50%;
+    //     top: 42rpx;
+    //     transform: translateX(-50%);
+
+    //     z-index: 997;
+
+    //     .star {
+    //         position: absolute;
+    //         border-radius: 50%;
+    //         animation: twinkle 2s infinite ease-in-out;
+    //         opacity: 0;
+    //         will-change: transform, opacity;
+    //         /* 提升动画性能 */
+    //     }
+
+    //     @keyframes twinkle {
+    //         100% {
+    //             opacity: 0.3;
+    //             transform: scale(0.8);
+    //             box-shadow: 0 0 2rpx rgba(255, 215, 0, 0.3);
+    //         }
+
+    //         50% {
+    //             opacity: 1;
+    //             transform: scale(1.2);
+    //             box-shadow: 0 0 16rpx #ffd700, 0 0 32rpx #daa520;
+    //         }
+    //     }
+    // }
+
+    .num {
+        width: 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        -webkit-text-stroke: 3px transparent;
+        background-color: #ea20fd;
+        -webkit-background-clip: text;
+        z-index: 999;
+        font-size: 26rpx;
+        text-align: center;
+    }
+}
+
+.ball::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    // background-image: url("https://img.chaoshewang.com/static/img/chaowanshang/ballBg.png");
+    background-size: cover;
+    // animation: rotateBg 20s linear infinite;
+}
+
+@keyframes rotateBg {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+</style>