1、首先打开微信开发者工具,新建一个小程序。
2、page目录下新建一个test目录和相关页面文件。打开app.json文件,将test页面路径放置到index前面。
3、单个view居中:点击打开test.wxml页面代码,输入图中的代码内容。给view设置一个class。
4、点击打开test.wxss文件,这里设置元素样式。输入下面图中的样式代码,可以实现view中文字内容居中。
5、最后打开test.wxss文件,设置viewin的样式代码,如图中所示。实现内部的view相对于外层的view居中显示。
工具/原料
微信小程序 web-view
方法/步骤
1、打开微信开发者工具。
2、选择新建小程序。
3、输入项目信息后,点击”确定“。
4、进入开发画面。
5、点击”index wxml“右侧将其他代码都删除,在容器中,添加”web-view“。
6、给这个web-view添加src属性这里添加需要的地址即可。
7、完成后保存修改,在左侧的手机模拟器中,即可查看效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)