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

首页代码

<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>

私聊获取源码

运行部分截图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/360574.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

穷游网酒店数据采集与可视化分析与实现

摘 要 穷游网酒店数据采集与可视化分析大屏的背景是为了满足用户对酒店数据的需求以及提供数据洞察和决策支持。随着旅游业的快速发展&#xff0c;人们对酒店信息的需求日益增加&#xff0c;而穷游网作为一家专注于旅游信息的网站&#xff0c;拥有丰富的酒店数据资源。 这个大…

计算机缺失duilib.dll的5种解决方法,轻松解决dll报错问题

计算机系统中丢失duilib.dll这个特定的动态链接库文件可能会引发一系列运行问题&#xff0c;具体表现和影响范围会根据该dll文件在系统或应用程序中的功能角色而有所不同。通常情况下&#xff0c;duilib.dll是一个与用户界面设计和渲染相关的库文件&#xff0c;它的缺失可能导致…

openGaussdb5.0单点企业版部署_KylinV10SP1

本文档环境&#xff1a;Kylin-Server-10-SP1 python2.7.16 交互式初始化环境方式 介绍 openGauss是一款开源关系型数据库管理系统&#xff0c;采用木兰宽松许可证v2发行。openGauss内核深度融合华为在数据库领域多年的经验&#xff0c;结合企业级场景需求&#xff0c;持续构建…

MySQL 数据库表的增删改查(进阶版)

目录 1 数据库约束1.1 NOT NULL 约束1.2 UNIQUE 约束1.3 DEFAULT 约束1.4 PRIMARY KEY 约束1.5 FOREIGN KEY 约束1.6 CHECK 约束 2 表的关系2.1 三大范式2.2 表的设计2.2.1 一对一 (1:1)2.2.2 一对多 (1:n)2.2.3 多对多 (m:n) 3 进阶版CRUD操作3.1 新增(Create)3.2 查询(Retrie…

科技感十足的Pencil平替,功能全面手感丝滑,西圣Pencil 2上手

搭配Apple Pencil的iPad的确实可以大大提升工作效率&#xff0c;但是原厂的Apple Pencil价格实在偏高&#xff0c;而且容易遗失&#xff0c;所以很多人都会选择一些Apple Pencil的平替。最近我在用一款西圣Pencil 2&#xff0c;这款电容笔设计很有特点&#xff0c;看起来科技感…

《【Python】如何设置现代 Python 日志记录 | Python 基础教程 | Python 冷知识 | 十分钟高手系列》学习笔记

《【Python】如何设置现代 Python 日志记录 | Python 基础》 2 PUT ALL HANDLERS/FILTERS ON THE ROOT&#xff1a;扁平化的设计有助于简化维护成本 5 STORE CONFIG IN JSON OR YAML FILE&#xff1a;使用配置文件可以将配置和代码解耦&#xff0c;减少代码量 日志设置示例 7 …

LLM面面观之RLHF平替算法DPO

1. 背景 最近本qiang~老看到一些关于大语言模型的DPO、RLHF算法&#xff0c;但都有些云里雾里&#xff0c;因此静下心来收集资料、研读论文&#xff0c;并执行了下开源代码&#xff0c;以便加深印象。 此文是本qiang~针对大语言模型的DPO算法的整理&#xff0c;包括原理、流程…

python使用Schedule

目录 一&#xff1a;使用场景&#xff1a; 二&#xff1a;参数 三&#xff1a;实例 "Schedule"在Python中通常指的是时间调度或任务计划。Python中有多个库可以用来处理时间调度和任务计划&#xff0c;其中最流行的是schedule库。 一&#x…

Linux安装nexus maven 仓库

下载安装包 详情请参考https://blog.csdn.net/weixin_42585386/article/details/122108563 上传到服务器&#xff0c;解压缩 tar -xzvf nexus-3.31.1-01-unix.tar.gz启动服务 cd nexus-3.31.1-01/bin/ ./nexus -start登录私服 浏览器输入&#xff1a;http://192.168.80.10…

Docker打包镜像把jar包打成tar包

1.虚拟机中安装docker Cd /usr cd … 以后就在主目录操作 2.然后启动docker 启动命令:systemctl start docker 然后使用touch Dockerfile 创建Dockerfile 文件 使用vim Dockerfile 在此文件编辑配置等 编辑Dockerfile FROM openjdk:8-jre WORKDIR /home ADD emss-individua…

单元测试 | Junit4“单元测试“ ( Java中可用 )

目录: 使用JUnit4进行“单元测试” 作者简介 &#xff1a;一只大皮卡丘&#xff0c;计算机专业学生&#xff0c;正在努力学习、努力敲代码中! 让我们一起继续努力学习&#xff01; 文章用于本人学习使用 &#xff0c; 同时希望能帮助大家。 欢迎大家点赞&#x1f44d; 收藏⭐ …

内部类 --java学习笔记

内部类 是类中的五大成分之一&#xff08;成员变量、方法、构造器、内部类、代码块&#xff09;&#xff0c;如果一个类定义在另一个类的内部&#xff0c;那么这个类就是内部类当一个类的内部包含了一个整体的事务&#xff0c;且这个事务没必要单独设计时&#xff0c;就可以把…

一种手机短信验证码登录平台的解决方案

前提 爬取数据时&#xff0c;请求需要带上Cookie&#xff0c;这是很常见的一种防爬手段。更新Cookie&#xff0c;常用的方法就是Selenium模拟输入用户名和密码&#xff1b;偶尔会遇到图片验证码&#xff0c;现在打码平台很多且技术也很成熟&#xff0c;这个已经不成问题。所谓…

Qt QScrollArea 不显示滚动条 不滚动

使用QScrollArea时&#xff0c;发现添加的控件超出QScrollArea 并没有显示&#xff0c;且没有滚动条效果 原因是 scrollArea指的是scrollArea控件本身的大小&#xff0c;肉眼能看到的外形尺寸。 scrollAreaWidgetContents指的是scrollArea控件内部的显示区域&#xff0c;里面可…

【笔记】React-Native跟Android交互--简单示例

/** * 使用命令 npx react-nativelatest init DemoRN创建项目 * * "react": "18.2.0", * "react-native": "0.73.2" * * 官网有详细教程&#xff1a;https://reactnative.dev/docs/native-modules-android */ 一、RN invoke androi…

大创项目推荐 题目:基于深度学习的中文汉字识别 - 深度学习 卷积神经网络 机器视觉 OCR

文章目录 0 简介1 数据集合2 网络构建3 模型训练4 模型性能评估5 文字预测6 最后 0 简介 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 基于深度学习的中文汉字识别 该项目较为新颖&#xff0c;适合作为竞赛课题方向&#xff0c;学长非常推荐&#xff01; &a…

C 变量

目录 1. C变量 2. C变量定义 2.1 变量初始化 2.2 C中的变量声明 3. C中的左值&#xff08;Lvalues&#xff09;和右值&#xff08;Rvalues&#xff09; 1. C变量 在C语言中&#xff0c;变量可以根据其类型分为以下几种基本类型&#xff1a; 整型变量&#xff1a;用…

2.室内设计学习 - CAD 2021 调整经典界面教程及基本设置

设置经典界面 1.在第二行的空白处右击&#xff0c;弹出对话框&#xff0c;并点击【关闭】&#xff0c;关闭掉。 2.菜单栏没有显示的情况下&#xff0c;在最上面的一排&#xff0c;点击向下的箭头展开下拉框&#xff0c;勾选 【显示菜单栏】 3.点击菜单【工具】-【工具栏】-【a…

【Docker】在Windows下使用Docker Desktop创建nginx容器并访问默认网站

欢迎来到《小5讲堂》&#xff0c;大家好&#xff0c;我是全栈小5。 这是《Docker容器》序列文章&#xff0c;每篇文章将以博主理解的角度展开讲解&#xff0c; 特别是针对知识点的概念进行叙说&#xff0c;大部分文章将会对这些概念进行实际例子验证&#xff0c;以此达到加深对…

AI人工智能可以怎么应用?——GPT4v图文识别问答功能

沃卡 AI 已支持 AI识图问答TTS语音对话文档总结对话Dall E3 对话文生图国内大模型集合AI 绘画思维导图&#xff0c;而且功能还在不断更新优化&#xff0c;丰富好用&#xff01;一个系统满足您多个需求&#xff01; 大家可以通过收藏网页www.woka.chat 直接进行访问&#xff0c…