微信小程序(1)

  1.小程序进入页面(demo)。

"entryPagePath": "pages/demo/demo",

 

  2.pages中包含所有路径;window为整体窗口设置。

 

  3.tabBar->list中可以编写底部导航栏,其中pagePath为该页面路径,text为底部文字显示,iconPath为文字相应的UI图标,selectedIconPath为选中后显示出的图标。

 

  4.插入图片 在.wxml中用image->src编写插入图片的代码

例:<image src="/img/1.jpg"class="demo"></image>

将需要插入的图片保存到与pages同级的文件夹中,src后写图片路径,可以通过class=demo在.wxss中编写代码进行图片的调整。

 

  5.轮播图  swiper组件:滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。可以通过autoplay控制是否自动切换;interval控制切换时间间隔;duration控制滑动动画时长等要求。

 

  6.可滑动设置  scroll-view组件:可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px。

 

To be continued......

posted @ 2022-06-23 21:31  Untergehen  阅读(71)  评论(0编辑  收藏  举报