微信小程序

  • 请创建两个页面,通过按钮来相互切换,并附上代码及运行结果截图;

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 二、实验步骤与结果(给出对应的代码或运行结果截图) |---|---------------------------------------------------------------------------------------------------|---|---------------------------------------------------------------------------------------------------| | | | | | | | | | | |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 三、问题总结与体会 | | demo-1.wxml <!--pages/demo-1/demo-1.wxml--> <view class="box1">页面二</view> <view class="box2"><navigator url="../index/index">返回上一页 </navigator></view> demo-1.wxss /* pages/demo-1/demo-1.wxss */ .box1{ margin-top: 100rpx; text-align: center; } .box2{ background-color: #eee; height: 100rpx; width: 350rpx; text-align: center; line-height: 100rpx; font-size: 42rpx; font-weight: bolder; margin: 0 auto; position: relative; top: 600rpx; } index.wxml <!--index.wxml--> <view class="box1">页面一</view> <view class="box2"><navigator url="../demo-1/demo-1"> 下一页</navigator></view> index.wxss .box1{ margin-top: 100rpx; text-align: center; } .box2{ background-color: #eee; height: 100rpx; width: 350rpx; text-align: center; line-height: 100rpx; font-size: 42rpx; font-weight: bolder; margin: 0 auto; position: relative; top: 600rpx; } app.json { "pages": [ "pages/index/index", "pages/logs/logs", "pages/demo-1/demo-1" ], "window": { "navigationBarTextStyle": "black", "navigationBarTitleText": "Weixin", "navigationBarBackgroundColor": "#ffffff" }, "style": "v2", "componentFramework": "glass-easel", "lazyCodeLoading": "requiredComponents" } | |

相关推荐
px不是xp1 小时前
微信小程序组件化开发最佳实践
微信小程序·小程序·notepad++
曲江涛1 小时前
微信小程序 摄像头 授权同页面丝滑调用
微信小程序
code_Bo2 小时前
kiro生成小程序商业案例
前端·微信小程序·小程序·云开发
编程迪3 小时前
基于SpringBoot开发的预约停车系统共享停车位小程序app
小程序·停车场小程序·预约停车·错峰出行·共享车位app
云起SAAS3 小时前
早晚安打卡签到小程序完整源码 | 三级分销+红包广告+PC后台 | 商业级系统
小程序
职豚求职小程序3 小时前
浙商银行笔试题库小程序练习2026新版题库
小程序
Kingexpand_com3 小时前
旅游小程序选型指南:模板与定制开发全解析
小程序·旅游·软件开发·小程序开发·旅游小程序·旅行·定制开发
克里斯蒂亚诺更新4 小时前
微信小程序引入vant weapp,button宽度100%
微信小程序·小程序
一品威客网4 小时前
租车小程序 APP 版本开发 全端适配高效用车体验一站式搭建
小程序
nhc08814 小时前
贵阳纳海川·花卉游戏行业解决方案
人工智能·游戏·微信小程序·软件开发·小程序开发