最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载
2019-12-20 17:52:00
374阅读
2评论
什么是组件化开发 组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。 vue 是一个支持组件化开发的前端框架。 vue 中规定:组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件。vue 组件的三个组成部分 每个 .vue 组件都由 3 部分构成,分别是: template -> 组件的模板结构 scr
转载
2024-01-17 10:19:11
73阅读
lean data:...
原创
2023-03-27 14:56:16
923阅读
(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阅读
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)Vant ui?有赞移动 UI 组件库,支持 Vue2/3 小程序,支付宝小程序 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col Vant 是由有赞前端团队开发的一套基于 Vue.js 的移动端 UI 组件库,它包含了丰富的组件和功能,可以帮助开发者快速构建高质量的移动应用。Vant 以简洁易用和高质量的代码为特点
转载
2023-12-12 14:42:04
396阅读
效果: 所具备的功能: 1、支持分页,这里是接口支持的分页。推荐:vue基于vant封装上拉加载/下拉刷新组件ListScroller 2、支持搜索,这个也是接口支持的。搜索支持防抖 3、多选(可扩展成支持单选) 4、通过sync修饰符绑定父子组件传参 components/SelectUserPo
原创
2022-05-02 10:33:39
4492阅读
使用场景: 第一步:将js导入到项目文件夹中 第二步:在route文件夹的index.js中引用js文件import datePicker from "../../static/js/datePicker" 第三步:调用js方法,弹出时间选择器HTML:<input class="js-date-picker" type="text" placeho
转载
2023-11-26 15:14:20
262阅读
先看下效果: 由于项目中需要做一个 评论的功能,思索一番 准备自己写,但打开度娘 一下就看到这个vue评论插件,带表情包 挺好的,还带表情 刚好满足需求 1.安装 2.引入插件3.使用 就不在介绍 上面的链接有 记录下我在项目中是怎么使用的以及改了哪些东西 这是实际开发项目效果如最上面的效果图 这里需要主要几点,关于使用和修改 1.你可以 按照上面的步骤 npm安装, 2.也可以自己在项目中封装这
转载
2023-07-17 10:19:10
677阅读
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
移动端评论点攒功能今天我们继续分享一个评论点攒的功能,感觉这个功能逻辑很有意思,整理下来,有需要的伙伴可以一起学习。功能效果就是这个样子的,下面我们来分解一下代码html部分<ul id="comments_list">
<li class="comments">
&nb
原创
2017-06-27 15:31:20
1462阅读
点赞
2评论
树形表格常用于处理有结构性的表格数据,例如像分行支行有明显上下级别的数据,就比较适合用树形表格的方式查看,可以直接查看分行数据,也可以打开对应分行,下钻查看支行的数据。今天作者就教大家如何在Axure中制作一个多选树形表格的原型模板。一、效果展示点击表格左侧箭头,可以展开或者收起该行内容的子级内容点击父级行的多选按钮,可以选中或者取消选中当前行内容以及子级行内容点击子级行的多选按钮,可以选中或取消
极简通用树组件,适用于通讯录组织树目录结构等,大数据量支持,毫秒级加载通用树组件Github:[地址](https://github.com/yangjingyu/vs-tree).功能点DEMO安装用法Vue useOptionscheckboxTypeOptionsradioTypevirtualOptionsbreadcrumb方法Node 方法EventsrenderContentloa
转载
2024-04-29 20:52:28
1519阅读
1评论
1. vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。文档 | github地址 | 在线预览 2. vuxvux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
395阅读
CSS5整理新闻:文/高广淦你无法去卖一个用户找不到的产品。搜索是用户最基本的行为,也是构建一个可盈利的app或网站的重要元素。用户在发现和学习产品时期望在app中有流畅的体验,他们会根据搜索结果迅速判断出一个app的价值。一个好的搜索控件应当帮助用户迅速简便地找到用户想要的内容。在本文中我们将探讨如何将其实现。1. 搜索如何放置用户在寻找搜索的入口时通常是迅速且粗暴的。他们通常会浏览一个页面然后
如上图所示,这次要实现一个点击出现操作弹框的效果;并将这个功能封装成一个函数,便于在项目的多个地方使用。具体思路是: 封装一个组件,组件保护一个插槽,我们可以根据不同的场景,利用插槽随意在这个弹框里插入任何元素,这个弹框显示时根据我鼠标的点击位置,定位弹窗的位置,并在组件里面监听鼠标抬起事件,触发事件时将弹窗隐藏;接着在函数中利用createEleme
转载
2024-01-08 15:34:10
140阅读
目录前言难点实现思路数据表设计数据传输格式设计前端递归显示删除评论 前言评论系统相信大家并不陌生,在社交网络相关的软件中是一种常见的功能。然而对于初学者来说,实现一个完整的评论系统并不容易。本文笔者以 Vue+SpringBoot 前后端分离的架构细说博客评论功能的实现思路。难点 对于一个评论系统主要包含评论人,评论时间,评论内容,评论回复等内容。此外可能还存在回复的回复以及回复的回复的回复,每
<div id="app"> <multistage :comments="articleCommentTree" v-on:reply="reply"></multistage> <div> <input type="text" :placeholder="content"> <input typ ...
转载
2021-10-28 20:08:00
1090阅读
2评论
# 解决Vue iOS移动端输入框被键盘遮挡问题
作为一名经验丰富的开发者,你需要教会一位刚入行的小白如何实现“Vue iOS移动端输入框被键盘遮挡”的问题。下面将详细介绍解决方案的流程和具体步骤。
## 流程图
```mermaid
flowchart TD
A[开始] --> B[监听键盘事件]
B --> C[计算输入框和键盘的高度差]
C --> D[调整页面
原创
2024-07-05 03:50:56
148阅读