微信小程序中怎么样缩小图标
微信小程序中图标使用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视频教程,欢迎学习!
以上就是微信小程序中怎么样缩小图标的详细内容,更多请关注久澳传媒编程栏目其它相关文章!
*请认真填写需求信息,我们会在24小时内与您取得联系。