草庐IT

【第四趴】uni-app页面导航栏配置(掌握页面导航栏背景颜色、文字等效果配置)

文章目录写在前面pages.json对页面配置?导航条配置写在最后写在前面聚沙成塔——每天进步一点点,大家好我是几何心凉,不难发现越来越多的前端招聘JD中都加入了uni-app这一项,它也已经成为前端开发者不可或缺的一项技能了,所以凉哥为大家推出聚沙成塔【45天玩转uni-app】专栏,帮助大家对uni-app进行学习和理解,uni-app可以通过一套代码多端发行,相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花,妥妥加分项;快来订阅专栏跟着凉哥一起来感受uni-app为开发者带来的劲感吧!上篇文章【第三趴】uni-app页面搭建与路由配置(了解工程目录结构、学会搭建页面、配置路由并

AD 软件的学习--基本操作

一、界面认识如果某个空间消失了就在设置中的VIEW进行一个复位device--元器件;connector--连接器库所在文件夹原理图大小设置二、基本过程放元器件时,空格键进行旋转先选好元件,摆在相应位置 连线、修改名称 转pcb黑色框是布线区域 pcb界面的旋转,左键按住不放,加空格键改位置使其线不要交叉走线选项 完成PCB走线,绘制原理图可以使得在PCB连线时不会错误连接 三、原理图绘制技巧1、网络标识及连线标识一样就相当于两条线已经相连,netLable同连线一起移动,标识两者已经连接在一起了  改变走线方式,微软输入法英文状态shift+space 在标识上打横线2、画线段,图形,和字符

AD 软件的学习--基本操作

一、界面认识如果某个空间消失了就在设置中的VIEW进行一个复位device--元器件;connector--连接器库所在文件夹原理图大小设置二、基本过程放元器件时,空格键进行旋转先选好元件,摆在相应位置 连线、修改名称 转pcb黑色框是布线区域 pcb界面的旋转,左键按住不放,加空格键改位置使其线不要交叉走线选项 完成PCB走线,绘制原理图可以使得在PCB连线时不会错误连接 三、原理图绘制技巧1、网络标识及连线标识一样就相当于两条线已经相连,netLable同连线一起移动,标识两者已经连接在一起了  改变走线方式,微软输入法英文状态shift+space 在标识上打横线2、画线段,图形,和字符

uni-app微信小程序使用ECharts

uni-app搭建的微信小程序项目中使用ECharts,记录一下自己的使用,以及过程中遇到的问题参考自:uniapp在微信小程序中使用ECharts_wxh958548129的博客-CSDN博客_uniapp小程序使用echartshttps://github.com/MissionWang/mpvue-echarts1.引入npm installechartsmpvue-echarts2.ECharts在线构建定制echarts的js文件,选择自己项目需要的图表及组件,可以选择进行代码压缩3.将定制文件放在common下,将node_modules下面的mpvue-echarts->src复

uni-app微信小程序使用ECharts

uni-app搭建的微信小程序项目中使用ECharts,记录一下自己的使用,以及过程中遇到的问题参考自:uniapp在微信小程序中使用ECharts_wxh958548129的博客-CSDN博客_uniapp小程序使用echartshttps://github.com/MissionWang/mpvue-echarts1.引入npm installechartsmpvue-echarts2.ECharts在线构建定制echarts的js文件,选择自己项目需要的图表及组件,可以选择进行代码压缩3.将定制文件放在common下,将node_modules下面的mpvue-echarts->src复

关于uni-app中富文本展示,并可预览图片的实现

这是一片记录自己挖坑还有填坑的过程事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的rich-text组件,但是项目上线测试时,没有图片预览功能,所以我更换组件,使用uni-app插件市场的u-parse组件,但是在后续中发现,该组件存在容器层级嵌套过多,会无法展示,而且不能完好的展示135编辑器的样式效果,需要手动修改,但这个不是长久的办法,所以还是要改,后来找到一个组件,那就是**mp-html富文本组件**mp-html富文本组件可以很好的实现我的效果在这我之前的样式代码给自己挖了个坑,导

关于uni-app中富文本展示,并可预览图片的实现

这是一片记录自己挖坑还有填坑的过程事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的rich-text组件,但是项目上线测试时,没有图片预览功能,所以我更换组件,使用uni-app插件市场的u-parse组件,但是在后续中发现,该组件存在容器层级嵌套过多,会无法展示,而且不能完好的展示135编辑器的样式效果,需要手动修改,但这个不是长久的办法,所以还是要改,后来找到一个组件,那就是**mp-html富文本组件**mp-html富文本组件可以很好的实现我的效果在这我之前的样式代码给自己挖了个坑,导

uniapp 改写uni-data-picker级联选择器(带搜索和多选)新增列出选择和删除功能

效果演示注意:视频中的数据是模拟数据,请自行定义数据才可使用,数据格式末尾有例子uniapp改写uni-data-pickeruni-data-picker.vue更改template> viewclass="uni-data-tree"> viewclass="uni-data-tree-input"@click="handleInput"> slot:options="options":data="inputSelected":error="errorMessage"> viewclass="input-value":class="{'input-value-border':b

uniapp 改写uni-data-picker级联选择器(带搜索和多选)新增列出选择和删除功能

效果演示注意:视频中的数据是模拟数据,请自行定义数据才可使用,数据格式末尾有例子uniapp改写uni-data-pickeruni-data-picker.vue更改template> viewclass="uni-data-tree"> viewclass="uni-data-tree-input"@click="handleInput"> slot:options="options":data="inputSelected":error="errorMessage"> viewclass="input-value":class="{'input-value-border':b

uni-app之条件判断详解【uni-app小程序开发】(二)

文章目录一.前文回顾二.干货学习2.1条件判断:v-if2.2条件判断:v-show2.3空标签三,本文总结/下文预告3.1本文总结3.2下文预告一.前文回顾本专栏的上一篇文章写了使用uni-app开发非原生小程序的:1.v-bind:数据变量2.v-on:绑定事件3.v-model:双向绑定以及exportdefault初始化对象等等。我们本文研究,条件判断。二.干货学习2.1条件判断:v-ifv-if:决定某个内容或区块是否挂载。我们尝试使用一个简单的if判断条件看一下。viewv-if="false">{{mxa}}/view>我们在data数据集里写下msg的值:data(){ ret