|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| * 实验目的和要求 |
| * 请编写下方商品列表页面,展示商品名称和价格;
|
| 二、实验步骤与结果(给出对应的代码或运行结果截图)
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
相关推荐
陈思杰系统思考Jason15 小时前
业务创新与系统思考liugang_lawyer2 天前
防范新型金融诈骗陈思杰系统思考Jason2 天前
系统思考:决策优梦创客2 天前
3 天搞定微小游戏上架!独立开发者副业赚钱全攻略(附选题 / 技术 / 运营干货)Jing_Rainbow3 天前
【 Weapp-3 /Lesson20(2025-11-04)】路虎卫士小程序开发详解:从架构到细节的深度解析🚙📱Jing_Rainbow3 天前
【Weapp-2 /Lesson19(2025-11-04)】微信小程序“博客园”项目深度解析:从架构到细节的完整剖析📱陈思杰系统思考Jason4 天前
投资不足:成长上限的关键因素Jing_Rainbow4 天前
【 Weapp-1 /Lesson18(2025-11-03)】# 微信小程序开发全解析:从项目结构到生态优势 🚀JHC0000005 天前
发现个微信客户端的bug