lex-xin 5 tháng trước cách đây
mục cha
commit
84a66a6c16

+ 0 - 164
miniprogram/pages/index/index.less

@@ -1,122 +1,9 @@
 /**index.less**/
-.firstConainer {
-  height: 100vh;
-}
-
-.firstPageContainer {
-  position: relative;
-  background: url('https://oss.dayaedu.com/ktyq/1733123043908.png') no-repeat center;
-  background-size: cover;
-
-  .weui-navigation-bar {
-    color: #FFF;
-  }
-
-  .fistSwiperSection {
-    height: 1142rpx;
-    padding-top: 48rpx;
-
-    swiper-item {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  .swiper-item {
-    transition: all 0.15s ease;
-    /* 调整过渡动画的时长和缓动函数,影响淡入淡出和缩放的速度 */
-    transform-origin: center center;
-    /* 明确缩放的中心点位置 */
-    max-width: 90%;
-    /* 适当增大最大宽度,让缩放效果更明显 */
-    max-height: 90%;
-    /* 适当增大最大高度,让缩放效果更明显 */
-    width: 592rpx;
-    height: 1142rpx;
-
-    &.current {
-      transition: all 0.2s ease;
-      max-width: 100%;
-      max-height: 100%;
-    }
-
-    image {
-      display: block;
-      margin: 0 auto;
-      height: 100%;
-      width: 100%;
-      background: #FFFFFF;
-      border-radius: 32rpx;
-    }
-  }
-
-  .pageDot {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-top: 32rpx;
-    display: none;
-
-    .dot-item {
-      width: 12rpx;
-      height: 12rpx;
-      background: #FFFFFF;
-      border-radius: 6rpx;
-      opacity: 0.5;
-      margin: 0 8rpx;
-      transition: all 0.15s ease;
-
-      &.current {
-        width: 36rpx;
-        height: 12rpx;
-        background: #FFFFFF;
-        border-radius: 6rpx;
-        opacity: 1;
-      }
-    }
-  }
-
-  .upArrow {
-    position: absolute;
-    bottom: 40rpx;
-    left: 50%;
-    width: 75.2rpx;
-    height: 86.4rpx;
-    z-index: 1;
-    transform: translateX(-50%);
-    animation: breathe 2s infinite cubic-bezier(0, 0.21, 0, 0.88);
-  }
-
-  @keyframes breathe {
-    0% {
-      opacity: 1;
-      transform: translateX(-50%) translateY(0rpx);
-    }
-
-    75% {
-      opacity: 1;
-    }
-
-    100% {
-      opacity: 0;
-      transform: translateX(-50%) translateY(-40rpx);
-    }
-  }
-}
-
 .pageContainer {
   height: 100vh;
   width: 100%;
-}
-
-page {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
   background: #F5F6F7;
 }
-
 .scrollarea {
   flex: 1;
   overflow-y: hidden;
@@ -125,57 +12,6 @@ page {
 
 .container {
   position: relative;
-
-  .topShadow {
-    position: absolute;
-    top: 0;
-    z-index: 1;
-    width: 100%;
-    height: 200rpx;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
-  }
-
-  .slider-count {
-    position: absolute;
-    top: 674rpx;
-    right: 32rpx;
-    background: rgba(0, 0, 0, 0.4);
-    border-radius: 26rpx;
-    border: 2rpx solid rgba(255, 255, 255, 0.3);
-    font-weight: 600;
-    font-size: 28rpx;
-    color: #FFFFFF;
-    line-height: 40rpx;
-    text-align: center;
-    padding: 2rpx 26rpx;
-    z-index: 1;
-  }
-
-  swiper {
-    height: 750rpx;
-  }
-
-  .swiper-item {
-    width: 100%;
-    height: 100%;
-
-    image {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .demo-text-1 {
-    background-color: red;
-  }
-
-  .demo-text-2 {
-    background-color: black;
-  }
-
-  .demo-text-3 {
-    background-color: gray;
-  }
 }
 
 

+ 0 - 44
miniprogram/pages/index/index.ts

@@ -48,22 +48,6 @@ Page({
    * 页面的初始数据
    */
   data: {
-    firstImgList: [
-      'https://oss.dayaedu.com/ktyq/1739181226082.png',
-      'https://oss.dayaedu.com/ktyq/1739181253580.png',
-      'https://oss.dayaedu.com/ktyq/1739181268714.png',
-      'https://oss.dayaedu.com/ktyq/1739181284457.png',
-      'https://oss.dayaedu.com/ktyq/1739181316779.png',
-      'https://oss.dayaedu.com/ktyq/1739181329436.png'
-    ],
-    firstCurrent: 0,
-    imgList: [
-      'https://oss.dayaedu.com/ktyq/1739429062237.png',
-      'https://oss.dayaedu.com/ktyq/1732610940095.png',
-      'https://oss.dayaedu.com/ktyq/1732610952376.png',
-      'https://oss.dayaedu.com/ktyq/1732610965625.png',
-      // 'https://oss.dayaedu.com/ktyq/1731664269098.png',
-    ],
     goodsImgList: [
       'https://oss.dayaedu.com/ktyq/1739182504757.png',
       'https://oss.dayaedu.com/ktyq/1739182521080.png',
@@ -283,23 +267,6 @@ Page({
     }
 
   },
-  onFirstChange(e: any) {
-    const detail = e.detail;
-    if (detail.source === 'touch' || detail.source == 'autoplay') {
-      this.setData({
-        firstCurrent: detail.current
-      })
-    }
-  },
-  // 事件处理函数
-  changeSwiper(e: any) {
-    const detail = e.detail;
-    if (detail.source === 'touch' || detail.source == 'autoplay') {
-      this.setData({
-        current: detail.current
-      })
-    }
-  },
   /** 格式化选中的商品 */
   onFormatGoods() {
     const selected = this.data.selected;
@@ -459,17 +426,6 @@ Page({
       })
     }, 500)()
   },
-  onPreivewBannerImg(e: { currentTarget: { dataset: any } }) {
-    wx.previewImage({
-      current: e.currentTarget.dataset.src,
-      urls: this.data.imgList,
-      success: () => {
-        this.setData({
-          isFromPreviewImage: true
-        })
-      }
-    })
-  },
   onPreivewGoodsImg(e: { currentTarget: { dataset: any } }) {
     wx.previewImage({
       current: e.currentTarget.dataset.src,

+ 1 - 47
miniprogram/pages/index/index.wxml

@@ -2,50 +2,9 @@
   <!--index.wxml-->
   <scroll-view class="scrollarea" bounces="false" scroll-y="{{popupShow ? false : true}}" type="list">
     <view class="container">
-      <!-- <view class="topShadow"></view> -->
-      <view class="slider-count">{{current + 1}}/{{imgList.length}}</view>
-      <swiper indicator-dots="{{false}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" bindchange="changeSwiper">
-        <swiper-item wx:for="{{imgList}}" wx:key="index">
-          <view class="swiper-item">
-            <image bind:tap="onPreivewBannerImg" data-src="{{ item }}" src="{{ item }}"></image>
-          </view>
-        </swiper-item>
-      </swiper>
-
-      <view class="shop-section">
-        <view class="showPrice">
-          <view class="left">
-            <view class="currentPrice">
-              <text class="stuff">¥</text>
-              <text class="priceZ">{{ smallGoods.integerPart || 0 }}</text>
-              <text class="priceF">.{{ smallGoods.decimalPart || '00' }}</text>
-              <text class="after">起</text>
-            </view>
-            <!-- <view class="originPrice"></view> -->
-          </view>
-          <view class="right">
-            已售1w+
-          </view>
-        </view>
-
-        <view class="shopName">
-          <!-- {{ selected.name }} -->
-          器乐数字AI工具会员卡
-        </view>
-
-        <view class="shopInfo">
-          一款专为音乐学习者、爱好者设计的音乐学习软件。通过先进的人工智能技术,为您提供全方位的乐理知识、日常练习和智能评分等功能,帮助您在音乐道路上更上一层楼。
-        </view>
-
-        <view class="shop-btn">
-          <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即享受专属权益</button>
-        </view>
-        <!-- <view class="btn-submit">立即享受专属权益</view> -->
-      </view>
-
+      
       <view class="goodsSection">
         <view class="goodsIntro">
-          <view class="title">图文详情</view>
           <view class="images">
             <block wx:for="{{goodsImgList}}" wx:key="index">
               <!--  bind:tap="onPreivewGoodsImg" -->
@@ -64,9 +23,6 @@
           <image src="./images/icon-order.png" />
           <text>订单</text>
         </view>
-        <!-- <view class="btnSection">
-              <button bind:tap="onBuyShop" type="primary" disabled="{{ isOverSaled }}">立即购买</button>
-            </view> -->
       </view>
 
 
@@ -221,6 +177,4 @@
       </van-picker>
     </van-popup>
   </scroll-view>
-
-
 </view>