ui框架和插件
不断摸索,不断总结,提升自我。
编程小橘子
专注于大学生项目实战开发,讲解,毕业答疑辅导,欢迎咨询、稍扰,可项目定制、远程调试、代码讲解、毕设帮助指导+v:fa859888 (免费咨询各种技术问题,多个朋友多条路。)
展开
-
小程序绘制一个简单的饼图
微信小程序绘制一个简单的饼图原创 2022-06-17 18:10:29 · 1622 阅读 · 1 评论 -
el-table-column prop使用三元运算符(动态展示数据)
前言:有时候我们前端展示的信息,是根据后端返回过来的字段值来动态展示的,这时候可以使用插槽。// scope.row 代表当前循环的每一项单独的个体对象(相当于item) <el-table-column label="类别"> <template slot-scope="scope"> <span v-if="scope.row.num==0">HTML</span> <span原创 2021-12-08 17:09:14 · 2653 阅读 · 0 评论 -
vue中Echarts动态数据
前言:在真正的开发中,我们使用的数据都是从后端获取过来的,有时候还需要做到实时刷新,今天我也遇到这种问题了,做个总结。方法一:通过computedcomputed: { options() { let that = this; let option = { tooltip : { trigger: 'axis', formatter: function(item) { re原创 2021-04-15 18:25:05 · 8993 阅读 · 0 评论 -
微信小程序如何修改第三方组件 vant-weapp样式修改
前言:对于vant-weapp可以局部修改,也可以全局修改,局部修改就是,需要在哪个页面中使用,就修改当前页面的样式,不会影响其他的页面,我使用的是局部修改。其实很简单 vant-weapp 已经给我们提供好了。如,我要修改商品卡片 van-card 组件中的商品标题的样式;修改前:我要将它改为只显示两行。第二行超出部分用 … 显示其实 vant-weapp 已经给我们提供好了 外部样式属性了在wxml文件中:<van-card wx:for="{{rightConentLi原创 2021-03-31 10:11:01 · 8891 阅读 · 4 评论 -
Swiper 基本配置完成一个轮播图
因为swiper时常要用到,也是一个不错的图片滑动组件,我一般用它来做轮播,总结了一些基本的配置选项,供自己以后开发提供便利,代码如下: // 轮播图 var mySwiper = new Swiper('.swiper-container', { direction: 'horizontal', // 垂直切换选项 loop: true, // 循环模式选项 // 如果需要分页器 pagination: {原创 2020-07-28 23:08:43 · 460 阅读 · 0 评论 -
移动端调试神器 vConsole
不管是vue项目还是react项目都适用前言:平时在web应用开发过程中,我们可以console.log去输出一些信息,但是在移动端,也就是在手机上,console.log的信息我们是看不到的。这种情况下,可以选择使用alert弹出一些信息,但是这种方法不怎么方便,也会阻断JS线程,导致后面的线程都不执行。也影响调试体验。那么,如果将console.log应用到移动端呢?需要借助第三方插件:vConsole首先下载依赖 :// 首先使用 npm 下载依赖npm install vconsol原创 2020-07-20 10:55:10 · 1038 阅读 · 0 评论 -
vant-Area 省市区联动选择
省市区三级联动选择,通常与Popup 弹出层组件配合使用使用前首先要引入组件 (一般是在vue实例中全局挂载) import { Area } from 'vant'; import { Popup } from 'vant'; 组件代码<van-popup v-model="isPopup" position="bottom" round @click-overlay="closePopup()"> <van-area原创 2020-07-16 11:33:40 · 3783 阅读 · 0 评论 -
Vue项目中使用vue-particles(粒子背景)插件
vue-particles 是什么?它是一个粒子背景插件。github地址:https://github.com/creotip/vue-particles使用方法:1、安装插件npm install vue-particles --save-dev2、在main.js文件中全局引入import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)3、在需要使用粒子背景的组件中使用(一般原创 2020-07-02 10:23:56 · 21060 阅读 · 16 评论 -
vue项目中vant-ui按需导入
前言:以前我使用ui组件库的时候,总是全局导入,但是到了实际开发中,为了提升性能,都会需要我们使用按需导入。1、安装通过 npm 安装npm i vant -S通过 yarn 安装yarn add vant2、导入我们先来说一下以前的导入方式 (全局导入)这种导入方式直接在 main.js 文件下引入 以下两个文件就可以了import Vant from ‘vant’;impo...原创 2020-04-07 14:05:08 · 3365 阅读 · 4 评论