伏安
伏安
  • 发布:2020-08-14 17:21
  • 更新:2020-08-17 22:21
  • 阅读:778

#插件讨论# 【 基于uni-app简单的宫格组件 - oveui@qq.com 】在浏览器就好使,在微信开发者工具不行

分类:uni-app

在浏览器就好使,在微信开发者工具界面就不行
代码就是示例代码
<template>
<view>
<view class="title">{{title}}</view>
<view>
<grid col="4" title="四栏组名称">
<grid-item order="1" iconImg="/static/logo.png" url="" text="第一格"></grid-item>
<grid-item order="0" iconFont="comment" url="" dot text="dot"></grid-item>
<grid-item order="3" iconImg="/static/logo.png" url="" text="第三格"></grid-item>
<grid-item order="2" iconFont="audio" url="" badge="99+" text="badge"></grid-item>
</grid>
<grid col="-10" title="最少栏数的效果">
<grid-item order="1" badge="15" iconImg="/static/logo.png" url="" text="第二格"></grid-item>
<grid-item order="0" dot iconFont="shop" url="" text="第一格"></grid-item>
</grid>
<grid title="不设置栏数的默认效果">
<grid-item order="1" badge="8" iconImg="/static/logo.png" url="" text="第3格"></grid-item>
<grid-item order="0" dot iconFont="photo" url="" text="第2格"></grid-item>
<grid-item order="3" iconImg="/static/logo.png" url="" text="第5格"></grid-item>
<grid-item order="4" iconFont="scan" url="" text="第6格"></grid-item>
<grid-item order="-1" iconImg="/static/logo.png" url="" text="第1格"></grid-item>
<grid-item order="2" iconFont="setting" url="" text="第4格"></grid-item>
</grid>
<grid col="7" border="false" title="最多栏数去边线效果">
<grid-item order="2" badge="99+" iconImg="/static/logo.png" url="" text="第三格"></grid-item>
<grid-item order="1" dot iconFont="send-gift" url="" text="第二格"></grid-item>
<grid-item order="0" iconImg="/static/logo.png" url="" text="第一格"></grid-item>
<grid-item order="3" iconImg="/static/logo.png" url="" text="第五格"></grid-item>
<grid-item order="4" iconFont="question" url="" text="第四格"></grid-item>
</grid>
</view>
</view>
</template>

<script>

</script>

<style>
</style>

2020-08-14 17:21 负责人:无 分享
已邀请:
0veUI

0veUI - 前端开发、UID、UED

好像开发者工具不支持编辑scss,我插件是用scss写的样式

该问题目前已经被锁定, 无法添加新回复