摘要: 一、在官网选择合适的字体图标加入到项目中,然后在页面中打卡在线链接,全选复制代码 二、新建一个字体图标库样式文件(iconfont.css),然后粘贴刚刚复制的代码 三、使用字体图标 1、首先要在app.vue文件中引入刚刚新建的字体图标库样式 2、使用图标 阅读全文
posted @ 2021-01-09 18:07 cdgogo 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 父传子 父组件 子组件 子组件props多种类型总结 子传父 子组件 父组件 子组件向父组件传递多个参数 子组件通过$emit触发父组件中的自定义函数,第一个值为自定义函数名,后面的参数是向父组件传的值 子组件 父组件 阅读全文
posted @ 2021-01-09 17:57 cdgogo 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子 阅读全文
posted @ 2021-01-09 17:45 cdgogo 阅读(140) 评论(0) 推荐(0) 编辑
摘要: :nth-child() :nth-child() 选择器,该选择器选取父元素的第 N 个子元素,与类型无关。 一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第 阅读全文
posted @ 2021-01-09 17:15 cdgogo 阅读(939) 评论(0) 推荐(0) 编辑
摘要: 效果图: html: <div class="list"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></ 阅读全文
posted @ 2021-01-09 16:55 cdgogo 阅读(753) 评论(0) 推荐(0) 编辑
摘要: 官网:https://uniapp.dcloud.io/api/media/image?id=previewimage uniapp 实现图片预览 单图预览和多图预览 关键点就是调用 uni.previewImage({ current: index, urls: photoList }); 如果是 阅读全文
posted @ 2021-01-09 16:47 cdgogo 阅读(2051) 评论(0) 推荐(0) 编辑
摘要: 因为uniapp基本上都是将页面,或者页面中相同的部分,进行组件化,所以会存在父,子,(子,父)之间的传值的情况,但在某些情况下,可以选择将内容设置为一个全局的变量,并根据需求来进行内容的更新。大大减少了代码的使用,和传值可能遇到的各种复制的计算等等的情况 下面来看看如何设置将一个变量设置为全局数据 阅读全文
posted @ 2021-01-09 16:13 cdgogo 阅读(3126) 评论(0) 推荐(0) 编辑