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

首页代码

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

私聊获取源码

运行部分截图

相关推荐
00后程序员张6 小时前
苹果App Store上架指南:费用、原理与步骤详解
android·ios·小程序·https·uni-app·iphone·webview
paopaokaka_luck14 小时前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活
愚公搬代码14 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》002-一张新地图:AI创业的核心分析框架
人工智能·微信小程序·ai编程
m0_587383001 天前
广州24小时自助健身房解决方案实战指南与系统部署要点
java·spring·小程序·架构·需求分析
ZeroNews内网穿透1 天前
企业内网穿透别再用随机域名!自有域名实现 OA/ERP 公网安全访问
微信小程序·内网穿透·erp·zeronews·运维实战·企业oa·自有域名
m0_587383001 天前
西安同城拼车软件开发实战指南:从零搭建高效系统
人工智能·小程序·数据挖掘·系统架构·需求分析
weixin_lynhgworld1 天前
抽取类盲盒小程序的五条合规红线意味着什么?
小程序
现任明教教主~1 天前
运营级多门店洗车贴膜汽车在线核销保养服务系统洗车预约洗车系统消费分佣扫码核销系统
微信小程序·小程序·汽车
小小王app小程序开发1 天前
盲盒微信小程序开发实战:架构、核心难点与实现方案
小程序
陪我去看海1 天前
被要求猛出小程序,做了这个多平台多环境的部署替我承受压力
前端·微信小程序·抖音小程序