欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序海鸥淘商品扫码首页设计制作开发教程

    2018-07-17 09:45 来源/作者:懒人模板 分类:小程序教程  « »
    本文给大家带来的是微信小程序海鸥淘商品扫码首页设计制作开发教程,制作好以后效果图如下:
    一、wxml页面代码如下:
    <!--index.wxml-->
    <view class="container">
    
    <!--mask-->  
    <view class="toast_mask" animation="{{count}}" wx:if="{{isShowToast}}"></view>  
    <!--以下为toast显示的内容-->  
    <view class="toast_content_box" wx:if="{{isShowToast}}">  
      <view class="toast_content">  
        <view class="toast_content_text">  
          {{toastText}}  
        </view>  
      </view>  
    </view>  
    <image  class="indexbanner"  src="../../image/index.png"></image>
    <image  wx:if="{{saoyisao}}"  class="huojia" bindtap="scanCode2" src="../../image/huojia.png"></image>
    <image wx:else class="indexsao" bindtap="scanCode2" src="../../image/indexsao.png"></image>
    <view class="Iname" wx:if="{{saoyisao}}">
    {{name}}
    </view>
    <view wx:else  class="I">
       <image  class="" src="../../image/I.png"></image>
       先扫描货架二维码,才可以扫描商品条形码
    </view>
    
    <image wx:if="{{saoyisao}}"  class="indexsao" bindtap="scanCode3" src="../../image/saoyisao.png"></image>
      <image wx:else  class="indexsao" src="../../image/huisaoyisao.png"></image>
      <view class="I btn-area">
       <image  class=""  src="../../image/I.png"></image>
       扫描商品条形码,即可把商品添加到购物车
      </view>
    </view>
    
    
    
    
    

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议