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

首页代码

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

私聊获取源码

运行部分截图

相关推荐
嘿嘿-6615 小时前
GPT-6.1 Sol 实战:做一个可交互的 3D 汽车展厅
人工智能·gpt·3d·chatgpt·汽车
weixin_4196583117 小时前
CAPL的数据类型(一)
车载系统·自动驾驶·汽车·信号处理
制冷技术咨询与服务1 天前
新能源汽车线束的漏水问题
汽车·新能源汽车线束
杨福宇1 天前
100BASE T1以太网实时控制的危机V3.21 ——辅助自动驾驶难达标
网络·网络协议·安全·自动驾驶·汽车
zhangduang_KHKW1 天前
功能安全标准体系与工程边界
安全·汽车
Q26433650232 天前
【有源码】基于uni-app的旅游行程规划小程序-基于微信小程序的智慧文旅综合服务平台
java·微信小程序·小程序·uni-app·毕业设计·springboot·源代码
网硕互联的小客服2 天前
微信小程序多种跳转页面方式教学
微信小程序·小程序·notepad++
泛联新安2 天前
软件定义汽车时代,如何让AI研发“可信”?——泛联新安构建汽车企业级可信AI体系的落地路径
大数据·人工智能·安全·网络安全·汽车·漏洞挖掘·代码安全
m0_462803882 天前
会议签到里,手写签名怎样从“额外动作“变成流程环节
微信小程序
QYR-分析2 天前
内燃机配套核心部件:汽车摇臂市场稳健增长,5.0% CAGR 背后的产业博弈
人工智能·汽车