易优GEO 重磅上线 ~ 一站式GEO优化工具，让豆包、文心一言、DeepSeek 在回答中主动推荐你的品牌，抢占AI流量入口！  点击查看

小程序模板网

首页 小程序模板网 开发文档 小程序开发教程正文

小程序基础组件与导航组件（icon，text，progress，navigator）

发布时间：2018-04-13 14:40 所属栏目：小程序开发教程
目录：
    1.基础组件
       1.1 图标 icon
       1.2 文本 text
       1.3 进度条 progress
 
    2.导航组件(navigator)
 1.基础组件
   1.1 图标 icon
(1)总结
(2) 案例
    效果截图
 
    page.wxml

						
    
							
  1. 
								<view class="type-group">
    2. 
							
  2. 
								<block wx:for="{{iconType}}">
    3. 
							
  3. 
								<icon type="{{item}}" size="40"/>
    4. 
							
  4. 
								</block>
    5. 
							
  5. 
								</view>
    6. 
						

					

					

						 

				

				

					    page.js

				

					

						

						
    
							
  1. 
								//获取应用实例
    2. 
							
  2. 
								var app = getApp()
    3. 
							
  3. 
								Page({
    4. 
							
  4. 
								 
    5. 
							
  5. 
								data:{
    6. 
							
  6. 
								iconType:[
    7. 
							
  7. 
								'success','success_circle','success_on_circle','waiting','waiting_circle','safe_success','safe_warn','warn','info',
    8. 
							
  8. 
								'info_circle','circle','download','cancel','search','clear'
    9. 
							
  9. 
								 
    10. 
							
  10. 
								]
    11. 
							
  11. 
								},
    12. 
							
  12. 
								 
    13. 
							
  13. 
								})
    14. 
						

					

					

						 

				

				

					    1.2 文本 text

				

					(1) 案例

				

					    效果图

					
		

	




            


            


            

            

                

                    易优小程序（企业版）+灵活api+前后代码开源
                    码云仓库:starfork
                

                

                    本文地址：https://www.eyoucms.com/wxmini/doc/course/23340.html 复制链接 
                    如需定制请联系易优客服咨询： 点击咨询 
                

            

          

          

            
            

            
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

          

          


        

      

      

        

          

                        

              

                

                  
                  
                

              

                        

                      

          

            
            

              
              
            

          

        

      

    

  







  

    

            

        
产品

        
      

            

        
服务

        
      

            

        
帮助

        
      

            

        
关于

        
      

            
   
        
工作日 8:30-12:00 14:30-18:00 

          周六及部分节假日提供值班服务

        联系我们 

    

  









  
  

    
    
    

    

    在线客服