当前位置:首页 > 微信运营 > 正文

微信小程序布局,微信小程序怎么做个简单留言板?

2021-07-29 15:17:53 暂无评论 微信运营

微信小程序怎么做个简单留言板?

微信小程序现在很火,于是也就玩玩,做了一个简易的留言板,让大家看看,你们会说no picture you say a j8 a,好吧先上图。

样子就是的,功能一目了然,下面我们就贴实现的代码,首先是HTML页面,好吧,其实微信小程序的是wxml(微信ml)总感觉怪怪的,有木有。

微信小程序里把div改成了view,听说div也可以用,没有实验过,不知道真假。不过就这样吧,反正原理都一样,页面效果主要看css,又错了,是wxss(微信ss)说实话总觉得……这种感觉不好多说。

看我们的布局代码,超简单,完全和css一样

才36行,现在一看,好吧,真特么简单。微信小程序的功能实现主要看js部分,好在这个他们没有叫(wxjs),微信小程序的js写法,怎么说呢,假如你会vue.js React或者是AngularJS,完全是玩一样的就会了,好吧,不过这三个我暂时都不会!!!!!!!!!!!!!!!

完美的36行,早知道wxml注释写一堆应该也凑个36,这个数字多顺啊。

哈哈哈,好了,所有的功能代码都在这里了,大家赶快也去玩玩吧。

微信小程序中怎样用include切换不同模块

模仿微信下边点击不同的模块切换不同的界面。这种实现一般是通过RadioButton实现下边的点击选项,通过ViewPager实现上边的页面的切换。

让button的圈不显示的方法:android:button="@null"

android:drawableTop可以在文字的上方设置图片

android:drawablePadding文字和图片共设padding

需要引入xUtils库

实现的步骤:

首先布局分为2个部分一个是上面部分的viewpager和下面部分的RadioGroup,raidoGroup设置好然后。再分解viewGroup,分解成为上面的大标题栏和下面的内容部分,这里再使用创建一个基类的方法进行填充,上面的部分是不变化的,下面的部分是变化的,下面的部分使用FrameLayout弄一个空的布局,然后再创建子布局往FrameLayout中填充

frame_content.xml上面的部分是ViewPager下面的部分是RadioGroup

博客主人破茧短视频培训
破茧短视频为你分享抖音、快手等短视频平台的视频拍摄、剪辑和运营技巧,另有短视频培训学习教程,海量干货助你玩转短视频运营!。
  • 79782 文章总数
  • 5045303访问次数
  • 2218建站天数