vuepc端百分比circle组件

vue实用组件——圆环百分比进度条

因为所在公司临近年底突然宣布Game Over,导致我等小码农又要踏上一个艰辛的求职道路了.才眨眼功夫,年就过完了,快乐的时光总是很匆忙呀. 开年的第一个面试,面试官问我会不会自己写一个圆环进图圈,这个我之前做过,紧张还是怎么的,一时忘记当初怎么写的了还有点小尴尬呢.回到家自己又实现了一遍,现在把代码贴出来,有需要的人可以参考一下,如果试用过,发现问题,欢迎留言告知,不胜感激. 效果如图所示: <template> <div class="percentloop"&g

vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图

vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库,基于Vue.js实现.目前已实际应用于滴滴四大金融业务板块的10余款产品中. didi/mand-mobile:

vue 专题 vue2.0各大前端移动端ui框架组件展示

Vue 专题一个数据驱动的组件,为现代化的 Web 界面而生.具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建多个轻量库搭配使用请访问链接: https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★81

一、移动端商城 Vue 组件库

一.组件库移动端商城 Vue 组件库

移动端使用mint-ui组件loadmore填坑

链接地址为 https://mint-ui.github.io/docs/#/en2/loadmore ,这里需要注意引入的方式,我这里是用cdn的方式引入的.请结合官方API阅读本文章. 2.在vue中注册对应组件loadmore 具体代码位置如下(也可使用全局注册) 123456789101112 new Vue({ el:'#app', data:{ //... }, methods:{ //... }, components:{ loadmore }}) 3.在view结构中写标

H5移动端手势密码组件

项目简介最近参加了2017年360前端星计划,完成了一个有趣的UI组件开发大作业,借机和大家分享一下移动端开发的技术啦~~ 本项目采用原生JS和Canvas实现移动端手势密码组件,支持手势密码设置和验证. 先加星后看,年薪百万!欢迎大家关注我的github,互相学习~~ demo演示地址:http://tangzhirong.github.io/lock/example/demo.html 项目github地址:https://github.com/tangzhirong/

Vue.js 桌面端自定义滚动条组件|vue美化滚动条VScroll

基于vue.js开发的小巧PC端自定义滚动条组件VScroll. 前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件. vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件.支持是否原生滚动条.鼠标移出是否自动隐藏.自定义滚动条尺寸及颜色等功能. 组件在设计开发之初借鉴了 el-scrollbar 及 vuebar 等组件设计思想. 通过简单的标签写法 <v-scroll>...</v-scroll>

基于React.js网页版弹窗|react pc端自定义对话框组件RLayer

基于React.js实现PC桌面端自定义弹窗组件RLayer. 前几天有分享一个Vue网页版弹框组件,今天分享一个最新开发的React PC桌面端自定义对话框组件. RLayer 一款基于react.js开发的PC端自定义Layer弹出框组件.支持超过30+参数自由配置,通过轻巧的布局设计.极简的调用方式来解决复杂的弹出层功能,为您呈上不一样的弹窗效果. RLayer在设计开发之初有参考之前的VLayer组件,尽量保持功能效果的一致性. 如上图:展示一些常用的基础普通型弹窗功能. 极简调用方式

C-Swipe Mobile 一个适用于Vue2.x的移动端轮播组件

近期在做的一个Vue2项目里需要一个可以滑动的轮播组件,但是又因为现有的传统轮播库功能过于繁琐和笨重.因此自己写了一个针对于Vue2.x的轻型轮播组件. 项目GitHub链接:C-Swipe Mobile 无耻的求个star 目前仅支持移动端. 组件通过v-model绑定了组件当前分页索引值,这很大的方便了组件的使用者. 同时也非常欢迎Vue使用者一起交流开发经验. 以下是组件的文档: C-Swipe Mobile A swipe (touch slide) component for Vue2

vue移动端弹框组件，vue-layer-mobile

最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一.npm 安装 // 当前最新版本 1.2.0 npm install vue-layer-mobile // 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0 二.调整配置:因为这个组件中有woff,ttf,et

vue移动端弹框组件

最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一.npm 安装 // 当前最新版本 1.2.0 npm install vue-layer-mobile // 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0 二.调整配置:因为这个组件中有woff,ttf,et

vue3-hash-calendar，一款基于vue3.x开发的移动端日期时间选择组件

在大家的催更下,鸽了一天又一天,vue3-hash-calendar 终于在今天诞生了. 按照惯例,先上效果图 Demo 扫描上方二维码或者请用浏览器的手机模式查看:https://www.hxkj.vip/demo/calendar/ 觉得好用可以给一个 star 哦~~ 仓库地址 github:https://github.com/TangSY/vue3-hash-calendar 码云 gitee:https://gitee.com/HashTang/vue3-hash-calendar

Web移动端的常用组件库

normalize http://necolas.github.io/normalize.css/ 最受欢迎的css reset 保留有用的默认值,这个区别于其他的CSS resets 标准化大范围的HTML elements的样式纠正bugs,使浏览器具体通用性通过一些巧妙的改进来增强可用性用具体的说明来讲解代码的用处 topcoat http://topcoat.io/topcoat/ 一套非常精致的UI元素类库,提供了常用了基础组件 Bootstrap http://getbootst

h5移动端百分比

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> <title>Document</title> &l

14.移动端图片浏览组件 react-wx-images-viewer

安装 npm install --save react-wx-images-viewer 使用 import WxImageViewer from 'react-wx-images-viewer'; class App extends Component { state = { imags: [ require('./assets/2.jpg'), require('./assets/1.jpg'), require('./assets/0.jpg'), require('./assets/3.

svelte组件：Svelte自定义弹窗Popup组件|svelte移动端弹框组件

基于Svelte3.x自定义多功能svPopup弹出框组件(组件式+函数式) 前几天有分享一个svelte自定义tabbar+navbar组件,今天继续带来svelte自定义弹窗组件. svPopup 一款基于 Svelte.js 开发的手机端弹框组件.汇集了msg.info.toast.alert.dialog.actionsheet等多种类型弹窗.支持 25+ 参数自定义搭配组合.组件式+函数式两种调用方式. 由于svelte框架比较新,一些相关的项目案例及自定义组件例子比较少,只能看官方语

常见的PC端和移动端表单组件

http://files.cnblogs.com/samwu/PC%E7%AB%AF%E5%89%8D%E7%AB%AF%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6.rar

vue 移动端日期选择组件 vue-mobile-calendar

vue-mobile-calendar cnpm install vue-mobile-calendar -S import Vue from 'vue' import Calendar from 'vue-mobile-calendar' Vue.use(Calendar) <calendar v-model="calendarShow" :defaultDate="defaultDate" @change="handelChange"&

移动端mintUI mt-datetime-picker 组件使用详解

<mt-datetime-picker v-model="pickerVisible" //绑定的数据值 ref="pickerData" // 点击触发的dom节点 type="date" // 可设置多种格式 year-format="{value} 年" month-format="{value} 月" date-format="{value} 日" @confirm=&qu

前端笔记之移动端&响应式（中）视口&百分比布局&弹性盒模型&rem&fillpage

一.viewport视口 1.1什么是屏幕尺寸.屏幕分辨率.屏幕像素密度? 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,常见的屏幕尺寸有3.5.3.7.4.2.4.7.5.0.5.5.6.0等. 屏幕分辨率:指在横纵向上的像素点数,单位是px,1px=1个像素点.一般以纵向像素*横向像素来表示一个手机的分辨率,如1920*1080.(这里的1像素指的是物理设备的1个像素点) 屏幕像素密度:屏幕上每英寸可以显示的像素点的数量,单位是ppi.屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,

vue 移动端轻量日期组件不依赖第三方库

Vue版移动端日期选择组件 1.优点:不需要依赖其他第三方库,灵活可配置: 不需要依赖第三方组件的vue日期移动端组件小轮子轻量可复用: https://github.com/BeckReed/datepicker-for-vue 如果有用请点start 2.用法:参见 src/view/demo.vue 文件的用法,简单易懂 <div> <h3>三列(年月日)日期弹窗示例--带标题)</h3> <button class="blue-b

巴特西