界面设计微信小程序

时间:2023-02-21 19:19:49

上一个周期将微信小程序的程序编完了,虽然还有很多需要修改的地方,大体已经完成。剩下的边角料以后再弄

这个周期来学习一下微信小程序的设计。。。。好吧。

 首先还是需要看一下微信的设计指南的。地址 https://developers.weixin.qq.com/miniprogram/design/#友好礼貌

在里边的最后有一个东东,就是资源下载。。。。我下载下来了,不知道咋用。但是里边有个界面设计微信小程序。这个玩意,然后百度了一下这个东东,有一些课程,大概看了一下,原来是个例子库,好东东。

去github下载这个例子库,地址https://github.com/Tencent/weui-wxss/

下载下来之后,新建一个项目,然后把他style里边的东东导入进去,然后打开调试,就是下面这个样子

界面设计微信小程序

然后在里边找你想要的样式,然后copy到你的代码里,然后就大功告成了。

看一下我的代码。感觉还不错,跟原来比起来有脱胎换骨的美感。哈哈

改动之后的                                         改动之前的

界面设计微信小程序         界面设计微信小程序

差距太大了。。。。明天继续搞,还有数据验证一大堆的边角料需要来做。

现在遇到一个问题,就是底部用tabBar 。选择之后,不会重新刷新页面的问题,找了度娘,都说是用switchtab。废话,这个当然没问题,但是我主页下面那个tabBar,我咋用。。。。算了,下班了,明天在研究吧。。。