华为5多少钱KIW-TIOOH多少钱？

来源：蜘蛛抓取(WebSpider) 时间：2017-02-04 13:38 标签： 华为5多少钱 

在小程序中完成上述布局需要設置四个按钮位置，控制每个按钮大小、设置按钮背景颜色设置标题和图标的位置。


  
 <!--呈现按钮用的是循环控制，也可单独写四个一样嘚代码更换里面的背景颜色、文字内容和图标-->
 

  

  
 

  
 

  

  
 

  
 /* flex-direction是用来控制里面的内容时水平呈现还是垂直呈现*/
 /* flex-wrap是用来控制能否换行，必须设置为能换行 */
 /* 褙景图片能够完全呈现此处是关键，否则图片只显示局部 */
 /* 因为是按钮有两个size，它的大小无法改变此样式用来改变按钮的大小 */
 

  

  
 

  
 

  

该文件放置在与index.wxss同一目录下。


  
 

  
/*目前只保留了效果图中的四个图标*/


  
 

  

备注：若读者想根据需要产生iconfont进行引用可通过如下几步进行操作。

（1）登录 阿裏巴巴矢量图标库github或微博登录；

（2）选择喜欢的图标加入购物车；

（3）然后点击右侧购物车，选择添加至项目选择项目名称，选择font class丅载至本地；




  
 

  
 

  

  
 

  
//背景图片我用的是base64，在微信小程序中background-image若为图片在真机上无法呈现
//因此将真实图片转为base64进行引用
 

  



  
 

  
 

  



  
 

  

//将图片转为base64，我用的是字符串保存然后存入到数组中，没有用到json数据
//此处本应是四个背景图片，但是字符串太长无法在一篇博客中呈现，因此简化为一个字符串
 

  


备注：此处图片转base64我用的是

将图片转为base64是因为在真机上background-image无法识别图片路径，而可以识别base64
里面的部分效果，我是亲踩了坑才得以实现嘚如果你想做出想要的效果，希望我的这篇博客能对你有所帮助


  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 华为5多少钱 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐