微信小程序使用weui设计界面

微信小程序使用weui设计界面

刚入门微信小程序开发,使用微信web开发者工具,对界面的设计有时会有按钮等的位置大小不好设置,但是微信web开发者工具有一个很好的工具是weui,WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一,包含button、cell、dialog、toast、article、icon等各式元素。weui 我们只需要他的样式,引入微信UI库即可,对weui的内容可以在官网上看到很详细的介绍,在使用时需要对其中的代码进行修改,下面是我的小程序中对基础组建panel中图文组合列表的使用:

Marker.wxml



    ---采收记录---

    

        

                

                    

                        

                    

                    

                        名称

                        编号: 日期: 可采收数量: 单价: 

                    

                

                

                    

                        

                    

                    

                        名称

                        编号: 日期: 可采收数量: 单价: 

                    

                

                

                    

                        

                    

                    

                        名称

                        编号: 日期: 可采收数量: 单价: 

                    

                

            

                    

                        

                    

                    

                        名称

                        编号: 日期: 可采收数量: 单价: 

                    

                

            

                    

                        

                    

                    

                        名称

                        编号: 日期: 可采收数量: 单价: 

                    

                

        

        

            

            查看更多

            

            

        

    



微信小程序使用weui设计界面_第1张图片

你可能感兴趣的:(前端)