|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| * 实验目的和要求 |
| * 请编写下方商品列表页面,展示商品名称和价格; |
| 二、实验步骤与结果(给出对应的代码或运行结果截图) 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
相关推荐
gb42152871 天前
移动端(微信等)使用 vConsole调试consoleCRMEB定制开发2 天前
CRMEB标准版PHP移动应用微信开放配置及商城后台配置教程(附步骤)腾讯云qcloud07552 天前
腾讯位置商业授权微信小程序路线规划三花AI4 天前
微信测试对话式 AI 新闻播报Moonbit4 天前
提交即有奖!MGPIC 游戏赛道官方推荐框架上线,直播同步解读赛题。 MoonBit MoonBit源码哥_博纳软云5 天前
JAVA国际版多商户运营版商城系统源码多商户社交电商系统源码支持Android+IOS+H5namehu5 天前
🚀 2025 年最新教程:在 React Native 0.70+ 项目中接入 react-native-wechat-lib從南走到北6 天前
JAVA国际版东郊到家同城按摩服务美容美发私教到店服务系统源码支持Android+IOS+H5陈思杰系统思考Jason6 天前
系统思考:突破复杂困境攻城狮_7 天前
微信HOOK 实现自动下载视频