您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. cli3.0+Vue全家桶+webpack3.0+配套Pc开发demo

  2. # URL: http://kongkong.fence.wmdev2.lsh123.com/ # jl-mis(接龙后台管理系统) 项目是基于vue-cli 3+ 构建的,请先将vue-cli升级到3+版本,vue-cli3 传送门(https://cli.vuejs.org/zh/)。 ## 技术栈 vue2 + vuex + vue-router + element-ui + webpack + ES6/7 + axios + less + flex + svg ### 项目图形化管理界
  3. 所属分类:HTML5

    • 发布日期:2019-03-28
    • 文件大小:263kb
    • 提供者:u012069437
  1. vue 引入公共css文件的简单方法(推荐)

  2. 下面小编就为大家分享一篇vue 引入公共css文件的简单方法(推荐),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-08-28
    • 文件大小:34kb
    • 提供者:weixin_38685876
  1. vue+Vue Router多级侧导航切换路由(页面)的实现代码

  2. 当当当当当~我又来了。 在项目里经常会遇到侧导航切换页面的功能。 如果我们将侧导航做成公共组件,来调用的话,就会在每一个页面都引用该组件,在后期维护的时候比较麻烦,比如改参数。 所以此文将侧导航做成父页面组件,将切换的页面做成子页面,这样只需调用一次即可。大大减少了后期维护的麻烦 涉及功能点 侧导航支持多级 Vue Router的使用方法( 官方文档 ) 子父组件的写法 样式:elementUI 效果图 实现 — 目录结构 — Vue Router的使用方法 首先安装 npm ins
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:96kb
    • 提供者:weixin_38522029
  1. 浅谈vue引入css,less遇到的坑和解决方法

  2. 在使用vux开发手机页面时,引入vux的公共样式less一直报错,通过各种百度,Google都没有解决,走了很多弯路。最后才发现钻牛角尖了,可以换一种方法引入。 1、报错的使用:在App中 ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset. less 3:10-115 ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:30kb
    • 提供者:weixin_38704922
  1. Vue单页应用引用单独的样式文件的两种方式

  2. 问题描述 对于.vue的文件来说,也是由结构、行为、样式三部分组成,在样式部分有个scoped的属性,也就是当前页面有效,当style标签内样式比较多时或者.vue文件之间有重复的时候,总感觉看起来不够整洁,所以就需要引入一些公共样式。下面就先说下如何引入单独的样式文件,这里就以CSS文件为例,之后再说下我的项目中的样式文件的划分 引入单独的样式文件 方式一 在main.js中引入静态资源,这种方法使得该样式文件被项目中的组件所共享 // The Vue build version to lo
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:44kb
    • 提供者:weixin_38592848
  1. 详解vue-cli3多页应用改造

  2. 需求 一个平台P,包含产品a、b、c、d、e。各产品UI样式风格统一,且会用到公共配置(HOST、是否添加埋点js)、组件(头部导航、表格、搜索框)、方法(请求拦截、生成UUID)。 现状:由于历史遗留原因,各产品为独立SPA、各自维护,配置、组件也都自成一体,只是大概样式上保持了一致,但细节(比如同一面包屑样式,左边距5px、8px都有)都不一致。 这种情况下,改组件、改配置都得一改改多个地方,且有些项目是vue-cli2、有些是vue-cli3,项目间依赖包的版本也不一致,维护起来非常不友好
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:319kb
    • 提供者:weixin_38520437
  1. 当vue路由变化时,改变导航栏的样式方法

  2. 当我们需要做一个类似顶部 或 底部导航栏公共组件的时候,单击某个导航栏按钮,跳转到另一个组件, 并且改变导航栏按钮的样式,如果用 跳转的时候,我们可以这样做, 改变router-link-active 的样式,它是路由path指向当前组件时系统自动生成的。 先看下效果: 贴上我的路由文件js export default new Router({ routes: [ { path: '/', component: App, children:[ // 二级路由 {
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:57kb
    • 提供者:weixin_38706782
  1. 分享一个vue项目“脚手架”项目的实现步骤

  2. 搭建缘由 源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后,每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子,一个个依赖去安装,新建一个个不同功能的文件夹,而每个负责人所初始化的项目目录、以及模块引入方式参差不齐,以至于开发中后期因每个人开发风格的不同导致git提交时总会产生各种各样的“冲突”,也会产生后期代码维护成本增加,所以就有必要考虑一下做一个统一的类似“脚手架”的功能了,用来给团队开发带来便捷的、统一的、易扩展的项目基础。 预实现的功能
  3. 所属分类:其它

    • 发布日期:2020-12-04
    • 文件大小:87kb
    • 提供者:weixin_38693524
  1. .vue文件 加scoped 样式不起作用的解决方法

  2. 浅谈关于.vue文件中的style的scoped属性 注意:scoped作用:使得.vue中的样式不影响其他.vue组件样式,而不是scoped使得.vue组件样式不受外样式影响。 1、在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。但是要慎用,因为在我们需要修改公共组件(第三方库或者项目中定制的组件)的样式的时候,scoped会造成很多困难,组要增加额外的复杂度。 一、创建公共组件button: //butto
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:46kb
    • 提供者:weixin_38717156
  1. 微信小程序如何像vue一样在动态绑定类名

  2. 小程序 开发中遇到这样一个问题… 排行榜开发的时候,前三名的样式不同,其余的样式一样。但是都是通过同一元素来遍历的,当时卡了一下。后来发现有module模块化这一概念,于是查了下api,一下子就做出来了。   就是不同名次上边的样式根据实际情况展示效果。 模块化 我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。 通俗的将就是自身独立,作用域只作用于该模块,与js互不影响。 主要代码 modu
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:59kb
    • 提供者:weixin_38707862
  1. bandcamp-group-listen:使用Vue 3和Firebase的简单聊天和音乐同步应用程序。 样式将在以后完成,这只是概念上的证明-源码

  2. 带营听 改进之处 云功能,用于计算房间中的在线用户。 下载整个状态节点并计算子代数是不可行的。 此功能很可能仅适用于公共房间。 当前在房间里的人的用户名/图片预览(不超过3个) 具有特定用户权限的私人房间。 这将要求在线状态是全球价值,而不是每个房间,并且要区分私人房间和公共房间。 当前,Bandcamp音频源链接具有仅持续一个小时的令牌。 借助巧妙的客户端魔术来处理此问题,还是将所有音频下载到存储桶中? 一个存储桶将允许将来进行类似Youtube的音频转换。 当没有用户留在房间里时,
  3. 所属分类:其它

    • 发布日期:2021-03-17
    • 文件大小:94kb
    • 提供者:weixin_42131316
  1. Super-Mall:vue脚手架-源码

  2. 超级卖场 vue脚手架仿写购物街项目 为了不给后台服务器增加压力,本项目不提供后台数据连接,如果需要,可在CSDN中私信,望理解 :slightly_smiling_face: 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 更新: 补上轮播图的坑 购物车组件新加增减商品数量的按钮 发布vue脑图 项目目录结构 -assets 图片和初始化页面的基础样式 -css
  3. 所属分类:其它

    • 发布日期:2021-03-06
    • 文件大小:240kb
    • 提供者:weixin_42174176
  1. wwvue-cli:vue-cli升级版脚手架,应有尽有的开箱即用方法及配置,没有花里胡哨的晦涩难懂的操作,上手成本极低,又增加了简单(极简模式)和iview模板,是个很不错的垫脚石,来不及解释了赶紧上车:smiling_face_with

  2. 关于 集成了sass , axios , vuex等vue项目必要的依赖,同时完善了这些插件的使用配置,对vuex进行了更改管理,集成了部分常用的方法,包含自定义指令的运用场景参考,大量混入的运用场景参考,接口封装等实际项目的标准化模块。 功能清单 静态资源存放位置统一管理 公共样式管理,字体库,第三方脚本统一管理 开箱即用的sass 路由器统一管理 vuex司法监督 接口统一管理 公共指令基础配置 整体混入基础配置 自定义组件导出和约会 命令行打包压缩 命令行生成项目目录树 命令行一步pus
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:141kb
    • 提供者:weixin_42117267
  1. vue-demo-tucao-weibo:用Vue实现的wei-blog前端系统-源码

  2. vue-demo-tucao-weiblog 这是一个使用Vue实现的简易微博系统。前后台分离,纯前台可独立运行和调试。微博系统的预先使用Spring Boot实现,。 演示版 纯前台运行的效果: 项目结构 src / component:Vue组件代码 src / config:配置信息 src / css:存放样式文件和样式中需要用到的公共的变量(使用less编写样式) src / mock:前台的桩数据,确保前台可独立运行 src / router:路由 src / store:共享数据
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:18mb
    • 提供者:weixin_42151036
  1. vue-cli3-template:基于Vue-cli3建造的脚手架项目模板-源码

  2. 项目介绍 基于Vue-cli3建造的前端开发脚手架项目模板,主要包括以下内容:Webpack4.x性能调优配置,Vue.js全家桶,移动端vw适应,单元测试等功能,可以参考,欢迎大家围观指教! 项目特点 特征 巴别塔 VueRouter 威克斯 CSS预编译工具:更少 HTTP库:Axios 代码规范:eslint airbnb规范 业务代码和第三方库区分打包:DllPlugin 删除冗余代码:UglifyJsPlugin 开启Gizp压缩:compression-webpack-pl
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:248kb
    • 提供者:weixin_42099530
  1. Vue+ElementUI项目使用webpack输出MPA的方法

  2. 一. 需求分析 为另一个项目提供可嵌入的功能单页,大部分页面使用时都是独立功能页,个别页面带有左侧边栏(相当于3-4个页面的整合形态),由于资源定位地址的限定,每个页面打包为单页后,入口html文件需要定制命名,且脚本和样式文件需要放在指定的路径下,公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑(比如下面结构中应用jquery.min.js的路径可能是{{publicRoot}}/{{publicLib}}/jquery.minjs)。假设原工程中拥有AB这2个旧页面,现在需要开发CDE
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:180kb
    • 提供者:weixin_38674675
  1. 浅谈vue中慎用style的scoped属性

  2. 在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。 scoped实现私有化样式的原理 为什么会说,会增加复杂度?那么我们先从的实现模块的原理说起。为了方便称呼,我们假设把这种组件叫做模块私有组件,其他的未加scoped的叫做模块一般组件。 通过查看D
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:71kb
    • 提供者:weixin_38714509
  1. vue中后端做Excel导出功能返回数据流前端的处理操作

  2. 项目中有一个导出功能的实现,用博客来记录一下。因为需求对导出表格的数据格式和样式有要求,所以这个导出功能放到后端来做,而且后端返回的是数据流,所以需要处理成想要的表格并导出来。 先看下效果图: 页面效果: 点击 导出Excel 调用导出接口成功了: 后台返回的数据流,一堆看不懂的乱码: 接下来要处理这堆乱码,因为用到的地方多,所以在util.js文件里封装了一个公共方法并抛出: 虽然vue里有封装好的请求接口的方法,但这里要单独用axios,所以先在util.js里引入axios imp
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:173kb
    • 提供者:weixin_38691739
  1. vue中后端做Excel导出功能返回数据流前端的处理操作

  2. 项目中有一个导出功能的实现,用博客来记录一下。因为需求对导出表格的数据格式和样式有要求,所以这个导出功能放到后端来做,而且后端返回的是数据流,所以需要处理成想要的表格并导出来。 先看下效果图: 页面效果: 点击 导出Excel 调用导出接口成功了: 后台返回的数据流,一堆看不懂的乱码: 接下来要处理这堆乱码,因为用到的地方多,所以在util.js文件里封装了一个公共方法并抛出: 虽然vue里有封装好的请求接口的方法,但这里要单独用axios,所以先在util.js里引入axios imp
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:173kb
    • 提供者:weixin_38514805
  1. nuxt引入组件和公共样式的操作

  2. 1,引入组件 在components目录创建组件,在页面中引入组件 例如引入公共导航栏 创建组件components/Nav.vue 引入组件layouts/default.vue 2,引入公共样式 assets/css/common.css 在nuxt.config.js中引入 若引入less或者sass: 补充知识:在nuxt项目中使用component组件 编写组件页面 1.在components下新建一个新建组件页面,如下所示 2.新建完成之后初始页面的代码如下所示: 3.下
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:292kb
    • 提供者:weixin_38723559
« 12 »