首页 > 资讯 > 科技 > 正文
2024-02-21 08:21

《微信小程序开发从入门到实战》研究十五

第三章 开发第一个小程序 3.2.4 使用text文本组件

主页上的“Radio ”文本包含在类 btn 的视图组件中。 我想修改文字样式,给btn添加样式设置。

当视图组件中有多段文本时,只修改其中一段文本,在文本之外添加文本组件等组件,并在组件中添加个性化组件。

索引.wxml:

单选投票

创建单选投票

索引.wxss:

.btn-desc {

字体大小:10pt;

-左:25rpx;

效果如图:

3.3 开发并创建投票页面 3.3.1 创建小程序第二页面

要创建单选投票页面,需要在app.json中的pages属性中声明第二个页面,如下:

“页面”:[

“页数/索引/索引”,

“页数//”

ctrl+s保存后,微信开发工具会自动创建该文件的四个文件:

修改.json文件设置页面标题为“ Poll”:

"xt": "创建单选投票"

小程序两个页面无法跳转。 在/pages/index/index.js中添加跳转功能:

页({

(){},

(){

wx.({

网址:'/页面//'

})

})

将跳转功能绑定到/pages/index/index.wxml中的“Radio Vote”按钮

单选投票

创建单选投票

(之前不起作用,但使用bind:tap后就起作用了。快乐!)

点击首页“单选投票”按钮,成功跳转至单选投票页面。 效果如下: