纯静态微信小程序汽车商城

首页代码

<!--index.wxml-->
<view class="container">
  <view class="top_img">
    <swiper indicator-dots="true" autoplay="true" duration="{{duration}}" interval="{{interval}}">
      <block wx:for="{{img_urls}}">
        <swiper-item>
          <image src="{{item}}" style="width: 100%; height: 100%"></image>
        </swiper-item>
      </block>
    </swiper>
  </view>

  <view class="title">
    <text id="font">热点资讯</text>
  </view>

  <view class="news">
    <block wx:for="{{contents}}">
      <view class="new" >
        <view class="text">
          <text>{{items[index]}}</text>
        </view>
        <view class="pic">
          <image src="{{new_pic[item]}}" style="height: 60px; width: 60px"></image>
        </view>
      </view>
    </block>
  </view>

  <button id="btn" type="primary" size="mini" plain loading="{{load}}" bindtap="setLoad">
   更多
  </button>
</view>

汽车详情代码

<view class="container">
    <view id="car_title_cont">
        <text id="car_title">超跑阵容</text>
    </view>

    <view class="car_names">法拉利</view>
    <view class="img_cont">
      <swiper class="img_pic">
        <block>
          <swiper-item>
            <image src="http://img1.xcarimg.com/b70/s8124/c_20160708111430452859370711393.jpg" style="width: 100% height: 100%;"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>

    <view class="car_names">兰博基尼</view>
    <view class="img_cont">
      <swiper class="img_pic">
        <block>
          <swiper-item>
            <image src="http://img1.xcarimg.com/b67/s6633/c_20150710104510986162680120832.jpg" style="width: 100% height: 100%;"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>

    <view class="car_names">迈凯伦</view>
    <view class="img_cont">
      <swiper class="img_pic">
        <block>
          <swiper-item>
            <image src="http://img1.xcarimg.com/b226/s6991/c_20150629145006087467591186056.jpg" style="width: 100% height: 100%;"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>
</view>

私聊获取源码

运行部分截图

相关推荐
丁总学Java6 小时前
微信小程序,点击bindtap事件后,没有跳转到详情页,有可能是app.json中没有正确配置页面路径
微信小程序·小程序·json
mosen8687 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
老猿讲编程8 小时前
航展畅想:从F35机载软件研发来看汽车车载软件研发
汽车·车载软件研发
qq22951165028 小时前
微信小程序的汽车维修预约管理系统
微信小程序·小程序·汽车
小飞哥liac17 小时前
微信小程序的组件
微信小程序
stormjun19 小时前
Java基于微信小程序的私家车位共享系统(附源码,文档)
java·微信小程序·共享停车位·私家车共享停车位小程序·停车位共享
Renderbus瑞云渲染农场19 小时前
云渲染与汽车CGI图像技术优势和劣势
汽车
Bessie23421 小时前
微信小程序eval无法使用的替代方案
微信小程序·小程序·uni-app
shenweihong21 小时前
javascript实现md5算法(支持微信小程序),可分多次计算
javascript·算法·微信小程序
美格智能1 天前
美格智能5G车规级通信模组: 5G+C-V2X连接汽车通信未来十年
5g·汽车