开发ios会员购显示

pages/my/index.less

@@ -208,7 +208,7 @@
         height: 310rpx;
         white-space: nowrap;
         box-sizing: border-box;
-        
+
         .payBox {
             position: relative;
             margin-right: 22rpx;
@@ -270,6 +270,12 @@
 
     }
 
+    .iosVip {
+        margin-top: 30rpx;
+        height: 294rpx;
+        width: 710rpx;
+    }
+
     .activationModal {
         position: fixed;
         z-index: 2;

pages/my/index.wxml

@@ -65,7 +65,8 @@
         <view class="tips">请输入会员卡激活码</view>
         <view class="subBtn">激活</view>
     </view>
-    <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'}}">
+    <!-- 安卓 -->
+    <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'&&!isIos}}">
         <view class="payBox pbbg2" bindtap="toBuy" data-id="{{products[0].id}}">
             <view class="pay">
                 {{isPreferential?'立即续费':'立即开通'}}
@@ -82,6 +83,8 @@
             </view>
         </view>
     </scroll-view>
+    <!-- ios -->
+    <image wx:if="{{vipTime!='1'&&isIos}}" src="https://reader-wx.ai160.com/images/reader/v3/pay1.png" class="iosVip" show-menu-by-longpress="{{true}}" />
     <!-- 弹窗 -->
     <view class="activationModal" wx:if="{{activationModal}}">
         <view class="box zoomIn">

pages/my/index.wxss

@@ -227,6 +227,11 @@
 .container .goodsList .pbbg3 .pay {
   background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
 }
+.container .iosVip {
+  margin-top: 30rpx;
+  height: 294rpx;
+  width: 710rpx;
+}
 .container .activationModal {
   position: fixed;
   z-index: 2;

pages/reading/buyVip/index.js

@@ -1,6 +1,7 @@
 import {
     getProducts
 } from '~/api/global'
+const app = getApp()
 
 Component({
     properties: {
@@ -10,6 +11,7 @@ Component({
         show: false,
         products: [],
         // 是否购买过vip
+        isIos: app.globalData.isIOS,
         isPreferential: false
     },
     methods: {

pages/reading/buyVip/index.less

@@ -10,7 +10,6 @@
     .modal {
         position: relative;
         width: 677rpx;
-        height: 650rpx;
         margin: 140rpx auto 0rpx;
         border-radius: 20rpx;
         text-align: center;
@@ -34,8 +33,7 @@
         }
 
         .goodsList {
-            position: absolute;
-            margin-top: 70rpx;
+            margin: 50rpx 0 30rpx;
             width: 100%;
             height: 310rpx;
             padding: 0rpx 20rpx;
@@ -101,7 +99,11 @@
             }
 
         }
-
+        .iosVip{
+            margin: 30rpx 0;
+            width: 580rpx;
+            height: 560rpx;
+        }
     }
 
     .close {

pages/reading/buyVip/index.wxml

@@ -1,15 +1,16 @@
 <wxs src="../../../utils/filter.wxs" module="filters" />
 <view class="buyVip" wx:if="{{show}}">
     <view class="modal">
-        <view class="header" wx:if="{{!isPreferential}}">
-            <view class="h1">您还不是VIP会员</view>
-            <view>选择下面的会员卡开通后使用</view>
+        <view class="header" wx:if="{{!isIos}}">
+            <view class="h1">{{!isPreferential?'您还不是VIP会员':'您的VIP会员已到期'}}</view>
+            <view>{{!isPreferential?'选择下面的会员卡开通后使用':'请续费后使用'}}</view>
         </view>
-        <view class="header" wx:else>
-            <view class="h1">您的VIP会员已到期</view>
-            <view>请续费后使用</view>
+        <view class="header" wx:if="{{isIos}}">
+            <view class="h1">暂无开通权益</view>
+            <view>请使用学习卡激活码激活</view>
         </view>
-        <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'}}">
+        <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}"
+            wx:if="{{vipTime!='1'&&!isIos}}">
             <view class="payBox pbbg2">
                 <view class="pay" bindtap="toBuy" data-goods="{{products[0]}}">
                     {{isPreferential?'立即续费':'立即开通'}}
@@ -26,7 +27,8 @@
                 </view>
             </view>
         </scroll-view>
-        
+        <image wx:if="{{vipTime!='1'&&isIos}}" src="https://reader-wx.ai160.com/images/reader/v3/pay2.png"
+            class="iosVip" show-menu-by-longpress="{{true}}" />
     </view>
     <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
 </view>

pages/reading/buyVip/index.wxss

@@ -10,7 +10,6 @@
 .buyVip .modal {
   position: relative;
   width: 677rpx;
-  height: 650rpx;
   margin: 140rpx auto 0rpx;
   border-radius: 20rpx;
   text-align: center;
@@ -32,8 +31,7 @@
   margin: 24rpx 0rpx;
 }
 .buyVip .modal .goodsList {
-  position: absolute;
-  margin-top: 70rpx;
+  margin: 50rpx 0 30rpx;
   width: 100%;
   height: 310rpx;
   padding: 0rpx 20rpx;
@@ -88,6 +86,11 @@
 .buyVip .modal .goodsList .pbbg3 .pay {
   background: linear-gradient(325deg, #FFBD96 0%, #FFF1E7 100%);
 }
+.buyVip .modal .iosVip {
+  margin: 30rpx 0;
+  width: 580rpx;
+  height: 560rpx;
+}
 .buyVip .close {
   display: block;
   margin: 0 auto;