什么是组件化开发 组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。 vue 是一个支持组件化开发的前端框架。 vue 中规定:组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue组件vue 组件的三个组成部分 每个 .vue 组件都由 3 部分构成,分别是: template -> 组件的模板结构 scr
lean data:...
原创 2023-03-27 14:56:16
923阅读
css单位有3种:px:绝对单位em:相对父元素的单位rem:相对根元素(页面的html)的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem:什么是rem?rem就是指相对根元素(页面html)的单位。例如:html设置了font-size为10px,那么1rem就是10px,2rem就是20pxhtml{ font-size:10px; } h1{
转载 2024-03-26 15:30:38
85阅读
(1) 简介该日历组件是一个应用于移动的日历组件采用了rem(文末附有rem.js)(2) template<template> <div class="calendar"> <div class="calendar-year"> <span @click="chooseYear">{{showDate.year}}</span&
转载 2024-03-07 12:38:38
372阅读
(一)移动 常用组件库1)Vant ui?有赞移动 UI 组件库,支持 Vue2/3 小程序,支付宝小程序 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col Vant 是由有赞前端团队开发的一套基于 Vue.js 的移动 UI 组件库,它包含了丰富的组件和功能,可以帮助开发者快速构建高质量的移动应用。Vant 以简洁易用和高质量的代码为特点
效果: 所具备的功能: 1、支持分页,这里是接口支持的分页。推荐:vue基于vant封装上拉加载/下拉刷新组件ListScroller 2、支持搜索,这个也是接口支持的。搜索支持防抖 3、多选(可扩展成支持单选) 4、通过sync修饰符绑定父子组件传参 components/SelectUserPo
原创 2022-05-02 10:33:39
4492阅读
最近做一个移动项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载 2019-12-20 17:52:00
374阅读
2评论
使用场景: 第一步:将js导入到项目文件夹中 第二步:在route文件夹的index.js中引用js文件import datePicker from "../../static/js/datePicker"  第三步:调用js方法,弹出时间选择器HTML:<input class="js-date-picker" type="text" placeho
1.移动UI组件库1.Vant :https://youzan.github.io/vant/#/zh-CNVant 是一个轻量、可靠的移动组件库,于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。2.Cube UI: https://didi.github.io/cube-ui/#/zh
其实很早都想在博客的留言和评论处使用表情包,奈何博客需要完善的地方太多。于是一直推到了这几天,具体实现效果在博客上可以看到。在网上查了下,发现微信官方的表情包对外开放。具体规则想如下,于是就有了思路var EmotionList = ['微笑', '撇嘴', '色'];//改数组没有写完全 <img src="https://res.wx.qq.com/mpres/htmledition/i
树形表格常用于处理有结构性的表格数据,例如像分行支行有明显上下级别的数据,就比较适合用树形表格的方式查看,可以直接查看分行数据,也可以打开对应分行,下钻查看支行的数据。今天作者就教大家如何在Axure中制作一个多选树形表格的原型模板。一、效果展示点击表格左侧箭头,可以展开或者收起该行内容的子级内容点击父级行的多选按钮,可以选中或者取消选中当前行内容以及子级行内容点击子级行的多选按钮,可以选中或取消
极简通用树组件,适用于通讯录组织树目录结构等,大数据量支持,毫秒级加载通用树组件Github:[地址](https://github.com/yangjingyu/vs-tree).功能点DEMO安装用法Vue useOptionscheckboxTypeOptionsradioTypevirtualOptionsbreadcrumb方法Node 方法EventsrenderContentloa
转载 2024-04-29 20:52:28
1525阅读
1评论
1. vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动单页应用,很简约。文档 | github地址 | 在线预览 2. vuxvux 基于WeUI和Vue(2.x)开发的移动UI组件库。基于webpack+vue-loader+vux可以快速开发移动页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信
转载 2月前
386阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
397阅读
目录前言难点实现思路数据表设计数据传输格式设计前端递归显示删除评论 前言评论系统相信大家并不陌生,在社交网络相关的软件中是一种常见的功能。然而对于初学者来说,实现一个完整的评论系统并不容易。本文笔者以 Vue+SpringBoot 前后端分离的架构细说博客评论功能的实现思路。难点 对于一个评论系统主要包含评论人,评论时间,评论内容,评论回复等内容。此外可能还存在回复的回复以及回复的回复的回复,每
8 个月前Mint UIGitHub:github.com/ElemeFE/mint项目主页:mint-ui.github.io/#Demo:elemefe.github.io/mint-文档:mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了
转载 11月前
25阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创 2021-09-09 14:21:19
568阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创 2022-03-04 13:37:54
310阅读
这里我写一下我自己用的vue 移动适配 ,可能跟别人的不一样。但是效果是一样的。我
转载 2023-02-27 15:46:50
737阅读
使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
237阅读
  • 1
  • 2
  • 3
  • 4
  • 5