由于移动端的屏幕尺寸限制,很多App都的列表项使用了的滑动显示删除按钮,然后点击删除功能。网页端可以采用插件方式很容易实现。这里采用Vue+Weui+vue2-touch-events插件实现。Vue是一套用于构建用户界面的渐进式框架。使用起来很容易上手。https://vuejs.bootcss.com/guide/Weui是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页
vue
转载 2021-05-10 16:37:17
354阅读
2评论
由于移动端的屏幕尺寸限制,很多App都的列表项使用了的滑动显示删除按钮,然后点击删除功能。网页端可以采用插件方式很容易实现。这里采用Vue+Weui+vue2-touch-events插件实现。Vue是一套用于构建用户界面的渐进式框架。使用起来很容易上手。https://vuejs.bootcss.com/guide/Weui是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页
转载 2021-04-21 09:12:13
345阅读
2评论
WeUI
转载 2021-09-22 17:02:10
292阅读
WeUI框架WeUI是一套小程序的UI框架,所谓UI框架就是一
原创 2021-07-15 16:29:05
488阅读
一、引用步骤:1、先引入echarts库:如果用的页面比较多,可以在main.js中全局引入echarts库;如果用的页面不多,可以单独引入。这里采用全局引入:import Vue from 'vue' import 'normalize.css/normalize.css'// A modern alternative to CSS resets import ElementUI from
转载 2024-03-22 19:58:24
46阅读
1)预览WeUI样式 1、下载完成后解压缩后应该是如图界面 2、打开开发者工具–>导入项目–>选择类似目录–>点击测试号–>导入 3、等待完...
原创 2022-03-01 15:01:43
3927阅读
WeUI
原创 2023-02-08 11:17:48
124阅读
WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。使用方法一
转载 2022-05-09 16:00:49
1157阅读
http://www.oschina.net/p/weui?fromerr=FnwHyWAb http://weui.github.io/weui/
转载 2016-02-14 15:35:00
127阅读
2评论
1 /* dialog */ 2 document.querySelector('#alertBtn').addEventListener('click', function () { 3 _weui2.default.alert('自定义标题的alert', function () { 4 console.log('ok'); ...
转载 2018-07-25 09:33:00
188阅读
2评论
weui样式看到hd ,bd, ft weui样式看到hd ,bd, ft hd 是header的缩写 bd 是body的缩写 ft 是footer的缩写 hd 是header的缩写 bd 是body的缩写 ft 是footer的缩写 hd 是header的缩写 bd 是body的缩写 ft 是fo
转载 2018-06-26 16:18:00
256阅读
2评论
1、安装 npm i element-ui -S 2、完整引入 其中,样式文件是单独引用的。 3、按需引入(需要借助babel-plugin-component) npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了: 在引入 ...
转载 2021-10-23 21:54:00
423阅读
2评论
# 实现Vue引用jQuery的方法 ## 引言 在使用Vue进行开发时,有时候需要使用到jQuery的功能来处理DOM操作或者其他一些特定的功能。本文将介绍如何在Vue项目中引用jQuery。 ## 流程概览 下面是整个实现过程的流程概览: ```flowchart TD subgraph "流程概览" A(创建Vue项目) B(引入jQuery)
原创 2024-01-25 07:29:03
105阅读
在使用Vue.js进行现代前端开发时,我们常常会遇到需要使用jQuery的场景。无论是为了操作DOM元素,还是为了处理一些特定的JavaScript库与插件,了解如何在Vue项目中引用jQuery显得尤为重要。在这篇文章中,我将详细描述如何在Vue中成功整合jQuery,包括必要的环境准备、集成步骤、配置详解等。让我们开始吧! ### 环境准备 在开始之前,确保你的开发环境已经设置好。你可以通
原创 6月前
20阅读
# 在Vue中使用Axios进行HTTP请求的教程 Axios 是一个流行的JavaScript库,用于发送HTTP请求。在Vue.js应用中使用Axios非常简单,下面将为你详细介绍如何在Vue项目中集成Axios,并发送请求。 ## 流程概述 在开始之前,我们可以将整个过程分为以下几个步骤: | 步骤 | 描述 | | ---- | ----
原创 2024-08-14 05:28:20
50阅读
# JavaScript 中的 Vue 引用:一种现代化的前端开发方式 Vue.js 是一个用于构建用户界面的渐进式框架。本质上,Vue 可以与其他库或现有项目进行整合。我们在 JavaScript 中对 Vue引用,允许开发者享用 Vue 的组件化、响应式和指令等特点,而无须重写整个应用程序。本文将详细介绍如何在 JavaScript 中引用 Vue,并给出一些代码示例来帮助理解。 ##
原创 10月前
48阅读
# Android引用VUE的实现步骤 ## 引言 首先,恭喜你入行Android开发!在这个过程中,你会遇到很多有趣的挑战和问题。一个常见的问题是如何在Android应用中使用Vue框架。在本文中,我将带你逐步了解如何在Android项目中引入Vue,并为你提供详细的代码示例。 ## 步骤概述 在开始之前,让我们先来看一下整个过程的步骤概述。下表将展示你需要完成的每个步骤,以及每个步骤所需要
原创 2024-01-26 12:13:02
66阅读
1.创建组件: 2.配置组件:router/index.js文件 3.引用组件: ...
转载 2021-08-30 17:05:00
632阅读
2评论
vue优化 VUE部署优化 vue优化 vue性能优化 vue 性能 优化 vue 部署 优化 cdn优化1、路由组件使用懒加载 加载:2、关闭 vue-cli3预加载3、去除.map 线上调试代码4、开启gzip压缩5、删除不用 NPM依赖6、项目中的 v-for 代码 都加上 :key7、使用CDN加速资源8、尽量不要在前端渲染数据的时候计算太复杂 尤其是 表格8.1 示例1 动态列模板值8
使用webpack+vue.js构建前端工程化本篇主要介绍三块知识点:node.jsvue.jswebpack前端工程化本篇目标[TOC]node.js基本入门node.js介绍node.js可以让javascript程序在后端运行起来。我们之前所熟知的javascript都是运行在前端浏览器,我们编写好了javascript代码后,由浏览器解释执行。而node.js,可以让我们编写javascr
  • 1
  • 2
  • 3
  • 4
  • 5