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

首页代码

复制代码
<!--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>

私聊获取源码

运行部分截图

相关推荐
鲲鹏猿25 分钟前
微信小程序——早餐小程序
微信小程序·小程序
The_era_achievs_hero1 小时前
UniappDay04
vue.js·微信小程序·uni-app
江苏世纪龙科技11 小时前
【世纪龙科技】大众车身电气技术仿真教学软件-赋能汽车电气教学
汽车
老虎062714 小时前
JavaWeb(苍穹外卖)--学习笔记13(微信小程序开发,缓存菜品,Spring Cache)
笔记·学习·微信小程序
郭邯19 小时前
小程序中自定义组件的样式隔离
微信小程序
HBYKKJ20 小时前
格雷希尔快速封堵头,针对新能源汽车冷却系统进出水口快速封堵的解决方案特点及应用分析
汽车·快速接头·新能源汽车·快速封堵接头·格雷希尔·冷却系统·密封测试接头
江苏世纪龙科技20 小时前
【世纪龙科技】数字化技术解锁新能源汽车电驱动总成装调与检修
汽车
wmm_会飞的@鱼20 小时前
FlexSim-汽车零部件仓库布局优化与仿真
服务器·前端·网络·数据库·数学建模·汽车
weixin_5375904520 小时前
【任务6.13】计算肇事汽车号码
c++·算法·汽车
每天开心21 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架