|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| * 实验目的和要求 |
| * 请编写下方商品列表页面，展示商品名称和价格； 
|
| 二、实验步骤与结果（给出对应的代码或运行结果截图） 
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
相关推荐
YJlio2 小时前
WinObj 学习笔记（15.7）：看懂内核对象管理器与命名空间的“地图”百锦再4 小时前
AI视频生成模型从无到有：构建、实现与调试完全指南陈思杰系统思考Jason21 小时前
系统思考：复盘第一性原理FreeBuf_1 天前
黑猫黑客组织通过伪造Notepad++网站传播窃密恶意软件孙严Pay2 天前
快捷支付：高效安全的在线支付新选择UpYoung!2 天前
【免费开源文本编辑器】轻量级文本编辑器——Notepad++ 下载安装教程开开心心_Every2 天前
免费进销存管理软件：云端本地双部署郑梓斌3 天前
Luban 2：简洁高效的Android图片压缩库Reece_3 天前
微信小程序接入微信支付全流程指南（CloudBase / JSAPI / 真机可用）IT学习资源每日免费分享3 天前
Python精选视频教程资料大全