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

首页代码

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

私聊获取源码

运行部分截图

相关推荐
克里斯蒂亚诺更新9 小时前
微信小程序使用vant4 weapp自定义菜单 但是弹出层却被菜单遮挡的解决办法
微信小程序·小程序·notepad++
阿乔外贸日记9 小时前
埃塞俄比亚出口全流程注意事项
大数据·人工智能·智能手机·云计算·汽车
静Yu10 小时前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
m0_4665252910 小时前
东软智行与高通技术公司共拓中央计算时代汽车智能化新格局
汽车
小羊Yveesss13 小时前
2026年微信小程序制作工具怎么选?
微信小程序·小程序
脱脱克克16 小时前
使用 TRAE / VS Code + DeepSeek V4 开发微信小程序、网页
微信小程序·ai编程·环境配置
杨超越luckly16 小时前
Agent应用指南:利用GET请求获取赛力斯汽车门店位置信息
python·html·汽车·可视化·门店
前端 贾公子16 小时前
使用 wxappUnpacker 工具进行 MAC 微信小程序反编译
macos·微信小程序·小程序
杨超越luckly17 小时前
Agent应用指南:利用GET请求获取理想汽车门店位置信息
前端·python·html·汽车·可视化
TMT星球17 小时前
AI定义汽车,赛豆科技发布AI汽车品牌AIVA
人工智能·科技·汽车