全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[内江seo公司]微信小程序中怎么样缩小图标

  

 

  微信小程序中怎么样缩小图标

  微信小程序中图标使用icon组件…△,属性值有type、08 2020.10 [锦州seo公司佳选久澳]如何利用js来控制下拉列表左右选择 需求分析 在我们的分类管理中,我们要能够去修改我们的分类信息, 07 2020.10 [昆明seo外包公司费用]JavaScript 开发者常用的 10 个技巧 我们知道▽●◆,JavaScript 这门语言正在高速发展中,size、color,牙克石市小程序制作公司控制图标大小的是size属性,想要缩小图标,只需要将size的值设置小一点即可。[内江seo公司]

  推荐学习:小程序开发

  icon组件参数如下:

  

属性名 类型 默认值 说明
type String   icon的类型◆◆★,有效值:success, success_no_circle▲▪◆▷, info…●◇, warn○◇, waiting, cancel, download▲▲•, search▼△▽, clear
size Number 23 icon的大小,单位px
color Color   icon的颜色,同css的color

  参考代码■•◇▷:

  1▲▼、wxml
 

  

<view class="group">
 <block wx▲★▷▪:for="{{iconSize}}">
 <icon type="success"-△; size="-▷△•;{{item}}"/>
 <▽▼…;/block>
</view>
<view class="group"◁--•;>
 <block wx:for="{{iconType}}">
 <icon type="☆■;{{item}}"◁■; size="◆■;40"/>
 </block>
</view>
<view class="group">▼▽;
 <block wx▪▽★:for="{{iconColor}}">◆★▲▷;
 <icon type="●▷;success" size="40" color="{{item}}"/>
 </block>
</view>

 

  2▲□▼☆、昆山市小程序制作公司js

  

Page({
 data: {
 iconSize: [20, 30▲◁●▪, 40, 50=▷, 60, 70],
 iconColor•◆◆: [
 'red', '■◁▷;orange'●●▷▷;, 'yellow'△•=;, 'green'★•■▲, '-•;rgb(0,255,255)', 'blue'▽○▼▷;◆□…-, 'purple'
 ]▼▼☆,
 iconType: [
 '▲▼▽;success', '◁▪;success_no_circle'▽▼●;, '•…;info', 'warn', '■▽;waiting'-◆○▷, '•▷▲;cancel'○○★;, 'download'☆-, 'search'…△•○, '▽▽;clear'
 ]
 }
})

 

  3、效果图△○○:

  PHP中文网,大量jquery视频教程,欢迎学习!

  以上就是微信小程序中怎么样缩小图标的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[内江seo公司]微信小程序中怎么样缩小图标

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。