|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| * 实验目的和要求 |
| * 请编写下方商品列表页面，展示商品名称和价格； 
|
| 二、实验步骤与结果（给出对应的代码或运行结果截图） 
Index.WXML <view class="shop" wx:for="{{10}}"> <view class="shop_left"> <image src="../../images/book.jpg" mode="" /> </view> <view class="shop_right"> <view>名称：微信小程序开发实战</view> <view>价格：￥50</view> </view> </view> Index.WXSS .shop { width: 100%; height: 140rpx; border: 1px solid #ccc; } .shop_left { padding-left: 5rpx; display: inline-block; } .shop_right { padding-left: 200rpx; position: relative; display: inline-block; color: #ccc; bottom: 20rpx; } image { width: 100rpx; height: 100rpx; border: 2rpx solid #ffffff; margin-top: 20rpx; } .shopright view { font-size: 30rpx; } page { border: 1px solid #ccc; background-color: #000; } |
实验三智能手机互联网程序设计（微信程序方向）实验报告
樱花Cherry Blossoms2024-03-29 14:10
相关推荐
二十十十十十2 天前
微信点餐小程序—美食物【ql君】qlexcel2 天前
Notepad++ 复制宏、编辑宏的方法程序员陆通2 天前
Vibe Coding开发微信小程序实战案例nbsaas-boot2 天前
[特殊字符] 分享裂变新姿势：用 UniApp + Vue3 玩转小程序页面分享跳转！唯独不开心12 天前
NotePad++ 怎么没有找到插件管理？m0_6855350812 天前
如何实现财务自由橘子海全栈攻城狮12 天前
【源码+文档+调试讲解】基于web的运动健康小程序的设计与实现y196书虫AI12 天前
登顶生图榜前三！FLUX.1 Kontext 为什么把 PS 都逼急了？陈思杰系统思考Jason14 天前
系统思考VS心智模式狂团商城小师妹14 天前
设备巡检系统小程序ThinkPHP+UniApp