当前位置: 首页 > news >正文

纯静态微信小程序水果商城

首页代码

<view class="container"><!-- 轮播图 --><view class="swiper-container"><swiper class="screen-swiper" indicator-dots="true" circular="true" autoplay="true" interval="3000" duration="500"><swiper-item wx:for="{{banners}}" wx:key="id" bindtap="tapBanner" data-index="{{index}}" data-url="{{item.linkUrl}}"><image src="{{item.picUrl}}" mode="aspectFit"></image></swiper-item></swiper></view><!-- 菜单 --><view class="index-menu"><view class="menu-list" wx:for="{{navigation}}" wx:key="id" bindtap="tapMenu" data-url="{{item.linkUrl}}"><image src="{{item.picUrl}}" /><view class="text">{{item.title}}</view></view></view><!-- 人气推荐 --><view class="goods-container"><view class="goods-title" style="margin-bottom: 30rpx;"><view class="line"></view><view class="text">人气推荐</view><view class="line"></view></view><view class="goods-list"><view class="list-item" wx:for="{{goodsRecommend}}" wx:key="id"><image src="{{item.pic}}" mode="aspectFill"></image><view class="goods-list-title">{{item.name}}</view><view class="goods-list-money">Ұ{{item.minPrice}}</view></view></view></view>
</view>

个人中心代码

<view class="container"><view class="my-avatar"><view class="avatar-wrapper"><image wx:if="{{is_login}}" src="{{ avatarUrl }}" mode="aspectFill"/></view><button class="login_btn" wx:if="{{!is_login}}" bindtap="login">请先登录</button><text wx:else>{{nickName}}</text></view> <view class="cu-bar" style="width: 100%;"><view class="action"><text class="cuIcon-title text-green"></text> 工具</view></view><view class="cu-list"><view class="cu-item" bindtap="bindtap"><image src="/images/my/定位.png" mode="aspectFill"/><text>地址管理</text></view><view class="cu-item" bindtap="bindtap"><image src="/images/my/店铺.png" mode="aspectFill"/><text>优惠买单</text></view><view class="cu-item" bindtap="bindtap"><image src="/images/my/收藏.png" mode="aspectFill"/><text>收藏记录</text></view><view class="cu-item" bindtap="bindtap"><image src="/images/my/拼团.png" mode="aspectFill"/><text>我的拼团</text></view><view class="cu-item" bindtap="bindtap"><image src="/images/my/砍价.png" mode="aspectFill"/><text>我的砍价</text></view><view class="cu-item" bindtap="bindtap"><image src="/images/my/客服.png" mode="aspectFill"/><text>联系客服</text></view></view>
</view>

私聊获取源码

运行部分截图

http://www.lryc.cn/news/291145.html

相关文章:

  • 操作系统-线程的实现方式和多线程模型(用户级线程 内核级线程 多线程模型的情况)和线程的状态,转换,组织,控制
  • 计算机网络 应用层
  • 拥有你的微调大模型,零代码定制+算力免费送
  • 《Docker技术革命:从虚拟机到容器化,全面解析Docker的原理与应用-上篇》
  • C,C++,C# 的区别
  • 操作筛选器的 1 个应用实例:自动启用事务
  • 搭建基于Java的分布式爬虫系统
  • rancher证书过期问题处理
  • Spring Boot 中文件上传
  • 2023年06月CCF-GESP编程能力等级认证Python编程一级真题解析
  • unity 使用数字图片来代替数字0到9显示
  • 单片机如何实现延时1ms或者1us
  • 全国网络安全行业职业技能大赛WP
  • 【Python函数与模块】(7)模块的分类与好处
  • 如何安全地多开Facebook/Twitter/TK/Ins等账号?
  • ChatGPT学python: 用json文件传参
  • 【C++航海王:追寻罗杰的编程之路】引用、内联、auto关键字、基于范围的for、指针空值nullptr
  • 已实现:vue、h5项目如何使用echarts实现雷达图、六边形图表
  • JUC并发编程-四大函数式接口、Stream 流式计算、ForkJoin并行执行任务
  • 【Tomcat与网络4】Tomcat的连接器设计
  • k8s中调整Pod数量限制的方法
  • 在Java中,实现扩展性通常有几种方法,其中包括接口、抽象类、插件架构和服务加载等方式
  • 【乳腺肿瘤诊断分类及预测】基于自适应SPREAD-PNN概率神经网络
  • 蓝桥杯AT24C02问题记录
  • adb控制设备状态
  • 订婚支出及共同生活消费是否属于彩礼?应否返还?
  • MicroPython核心:优化
  • Opencv——霍夫变换
  • Github 2024-01-28 开源项目日报Top10
  • 【大数据安全】大数据安全的挑战与对策基础设施安全