微信小程序

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

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 二、实验步骤与结果(给出对应的代码或运行结果截图) |---|---------------------------------------------------------------------------------------------------|---|---------------------------------------------------------------------------------------------------| | | | | | | | | | | |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 三、问题总结与体会 | | 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" } | |

相关推荐
天_真好3 小时前
小程序知识点总结1
小程序
gurenchang4 小时前
实现从一个微信小程序跳转到另一个微信小程序
微信小程序·小程序
编程毕设7 小时前
【含文档+PPT+源码】基于微信小程序的校园快递平台
微信小程序·小程序
mon_star°9 小时前
搭建基于火灾风险预测与防范的消防安全科普小程序
安全·微信小程序·小程序·微信公众平台
换日线°12 小时前
CSS常遇到自适应高度动画、带三角气泡阴影一行样式解决
css·微信小程序
yuanmenglxb200415 小时前
微信小程序核心技术栈
前端·javascript·vue.js·笔记·微信小程序·小程序
编程毕设16 小时前
【含文档+PPT+源码】基于微信小程序连锁药店商城
微信小程序·小程序
幽络源小助理16 小时前
微信小程序鲜花销售系统设计与实现
微信小程序·小程序
换日线°18 小时前
CSS简单实用的加载动画、骨架屏有效果图
css·微信小程序
10年前端老司机18 小时前
微信小程序wxs
前端·javascript·微信小程序