index.wxml 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!-- pages/index/index.wxml -->
  2. <view class="page-background">
  3. <!-- <image class="text" src='/assets/image/p1-text.png' style="position: relative; left: 126rpx; top: 421rpx"></image> -->
  4. <button class="tapbtn1" plain="true" bindtap="clickHandle" style="position: relative; left: -170rpx; top: 1370rpx; width:260rpx; height: 100rpx">
  5. <image class="tapimg1" src='/assets/image/p1_bgbt2.png' style="position: relative; height: 100rpx; width: 260rpx;" ></image>
  6. </button>
  7. <button class="tapbtn2" plain="true" bindtap="clickTuJian" style="position: relative; left: 170rpx; top: 1270rpx; width:260rpx; height: 100rpx">
  8. <image class="tapimg1" src='/assets/image/tujian.png' style="position: relative; height: 100rpx; width: 260rpx;" ></image>
  9. </button>
  10. <!--<swiper style="width: 100%;height:2000rpx; ">
  11. <swiper-item wx:for="{{listShowModelDes}}" style="top:1200rpx; left:100rpx;" >
  12. <image class="bg_main" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg.png' style=" left: 80rpx; top: 100rpx;">
  13. <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{item.ModelName}}</view>
  14. <view style="color: rgb(26, 26, 26); position: absolute; left: 180rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{item.ModelPrice}}</view>
  15. <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:120rpx; font-size:25rpx; width:395rpx; ">{{item.ModelIntroduce}}</view>
  16. <button class="tapbtn2" plain="true" bindtap="clickCloseUIShow" style="position: fixed; right: 130rpx; top: 1230rpx; width:60rpx; height: 60rpx" >
  17. <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ze-cross.png' style="position: absolute; left: 0rpx; top:0rpx; height: 60rpx; width:60rpx;" ></image>
  18. </button>
  19. </image>
  20. </swiper-item>
  21. </swiper>
  22. <swiper>
  23. <swiper-item wx:for="{{imgUrls}}" style=" left: 80rpx;">
  24. <image src='{{item}}' width="500" height="250" mode='widthFix' class='img' />
  25. </swiper-item>
  26. </swiper>
  27. <scroll-view scroll-y="{{true}}" style="width:100%;height:{{sysheight}}px;">
  28. <view class="img-size">
  29. <image src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/SStujian.png" mode="widthFix" class="liucheng-img"></image>
  30. </view>
  31. </scroll-view>
  32. <view class="ZhaoHuanShowModel">
  33. <view class ="uiShowModel">
  34. <button class="tapbtn2" plain="true" bindtap="clickShowLeft" style="position: fixed; left: 20rpx; top: 700rpx; width:100rpx; height: 100rpx" >
  35. <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/if-caret-left.png' style="position: absolute; left: 0rpx; top:-15rpx; height: 100rpx; width:100rpx;" ></image>
  36. </button>
  37. <button class="tapbtn2" plain="true" bindtap="clickShowRight" style="position: fixed; right: 20rpx; top: 700rpx; width:100rpx; height: 100rpx" >
  38. <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/if-caret-right.png' style="position: absolute; left: 0rpx; top:-15rpx; height: 100rpx; width:100rpx;" ></image>
  39. </button>
  40. </view>
  41. <view class="UiShowModel_Bottom">
  42. <image class="bg_left" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg-left.png' style="position: absolute; left: 0rpx; top:1240rpx; height: 450rpx; width:55rpx;" ></image>
  43. <image class="bg_left" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg-right.png' style="position: absolute; right: 0rpx; top:1240rpx; height: 450rpx; width:55rpx;" ></image>
  44. <view style="position: absolute; right: 120rpx; top:1000rpx; ">111</view>
  45. <image class="bg_main" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg.png' style=" position: absolute; right: 120rpx; top:1200rpx; height: 430rpx; width:520rpx;" >
  46. <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{showModelName}}</view>
  47. <view style="color: rgb(26, 26, 26); position: absolute; left: 180rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{showModelPrice}}</view>
  48. <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:120rpx; font-size:25rpx; width:395rpx; ">{{showModelIntroduce
  49. }}</view>
  50. <button class="tapbtn2" plain="true" bindtap="clickCloseUIShow" style="position: fixed; right: 130rpx; top: 1230rpx; width:60rpx; height: 60rpx" >
  51. <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ze-cross.png' style="position: absolute; left: 0rpx; top:0rpx; height: 60rpx; width:60rpx;" ></image>
  52. </button>
  53. </image>
  54. </view>
  55. </view>
  56. <button class="tapbtn2" plain="true" bindtap="clickZhaoHuan" style="position: fixed; right: 30rpx; top: 650rpx; width:180rpx; height: 160rpx" >
  57. <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/rigth_zhaohuan.png' style="position: absolute; left: 0rpx; top:-15rpx; height: 180rpx; width:180rpx;" ></image>
  58. </button>
  59. <button class="tapbtn3" plain="true" bindtap="clickPaiZhao" style="position: fixed; right: 30rpx; top: 850rpx; width:180rpx; height: 160rpx">
  60. <image class="tapimg3" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/right_paizhao.png' style="position: absolute; left: 0rpx; top:-15rpx; height: 180rpx; width:180rpx;" ></image>
  61. </button>
  62. <button class="tapbtn4" plain="true" bindtap="clickLuXiang" style="position: fixed; right: 30rpx; top: 1050rpx; width:180rpx; height: 160rpx">
  63. <image class="tapimg4" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/right_luxiang.png' style="position: absolute; left: 0rpx; top:-15rpx; height: 180rpx; width:180rpx;" ></image>
  64. </button>
  65. </view>
  66. <view wx:if="{{zhaohuanstate}}" class="zhaohuanView">
  67. <image class="zhaohuan" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuanText.png' style="position: fixed; left: 100rpx; top: 1270rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>
  68. <button class="tapbtn5" plain="false" bindtap="ClickzhaohuanSS" style="position: fixed; left:230rpx; top: 1390rpx; ">
  69. <image class="zhaohuan" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuanBtn.png' style="position: fixed; left:230rpx; top: 1390rpx; width: 300rpx; height: 100rpx; display: flex; box-sizing: border-box"></image>
  70. </button>
  71. </view>
  72. <view wx:if="{{paizhaostate}}" class="paizhaoView">
  73. <image class="paizhao" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/paizhaoText.png' style="position: fixed; left: 100rpx; top: 1270rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>
  74. <button class="tapbtn6" plain="true" bindtap="Clickpaizhao" style="position: fixed; left:230rpx; top: 1390rpx;">
  75. <image class="paizhao" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/paizhaoBtn.png' style="position: fixed; left:300rpx; top: 1390rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
  76. </button>
  77. </view>
  78. <view wx:if="{{luxiangstate}}" class="luxiangView">
  79. <view wx:if="{{isStartluxiang}}" class="startluxiang">
  80. <image class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang2Text.png' style="position: fixed; left: 100rpx; top: 1270rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>
  81. <button class="tapbtn8" plain="true" bindtap="Clickcloseluxiang" style="position: fixed; right: 30rpx; top: 1050rpx; ">
  82. <image class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang2Btn.png' style="position: fixed; left:300rpx; top: 1390rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
  83. </button>
  84. </view>
  85. <view wx:if="{{!isStartluxiang}}" class="closeluxiang">
  86. <image class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang1Text.png' style="position: fixed; left: 100rpx; top: 1270rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>
  87. <button class="tapbtn7" plain="true" bindtap="Clickstartluxiang" style="position: fixed; left:230rpx; top: 1390rpx;">
  88. <image class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang1Btn.png' style="position: fixed; left:300rpx; top: 1390rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
  89. </button>
  90. </view>-->
  91. </view>