# 解决iOS fixed无效的方法 在移动开发中,我们经常会遇到一个问题,就是在iOS设备上使用`position: fixed`的元素无法的情况。这是由于iOS Safari浏览器对于`position: fixed`属性的支持有些特殊导致的。在这篇文章中,我将介绍一种解决这个问题的方法,并给出相应的代码示例。 ## 问题描述 在iOS设备上,如果我们使用`position:
原创 2024-04-08 06:20:24
123阅读
React配置页眉页脚固定
原创 2022-10-08 09:23:34
408阅读
# Vue移动iOS固定按钮在页面底部的实现方案 在移动开发中,确保按钮在页面底部固定位置显示是一个常见需求,尤其是在iOS设备上。本文将详细介绍如何使用Vue.js来实现这一功能,确保在不同尺寸的屏幕上,按钮始终处于可见状态。 ## 一、需求分析 在移动应用中,通常我们需要一些操作按钮,比如“发送”、“确认”等,这些按钮应该在用户滚动页面时始终保持在屏幕底部。实现这一需求的关键是要处
原创 11月前
322阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
397阅读
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阅读
一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S or yarn and vant安装之后我们在babel.config.js中进行配置插件:mod
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阅读
Vue 项目搭建初始化 Vue 项目安装全局包 cnpm i vue-cli -g cnpm i cross-env -g :设置项目的环境在桌面生成项目 在桌面打开命令:vue init webpack-simple vue_project(简单版本)vue init webpack vue_project (完整版)切换到项目根目录下安装依赖包 cd vue_project cnpm inst
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1 ...
转载 2021-08-06 16:36:00
920阅读
2评论
## 仿知乎效果 Android 知乎是一个广受欢迎的问答社区,其效果可以让用户在浏览长列表时获得更好的交互体验。在本文中,我们将介绍如何在Android应用中实现仿知乎的效果。 ### 效果的实现原理 效果实际上是通过改变布局的位置来实现的。当用户向下滚动列表时,底部布局会保持在屏幕底部固定位置。当用户向上滚动列表时,底部布局会随着列表的滚动而一起滚动。 为了实现这个
原创 2023-11-28 11:57:42
195阅读
 在本文中,我列出了前 9 个最受欢迎的(根据 NPM 下载量和 Github stars,从上到下排名)UI 库,供您启动您梦想中的 Vue 项目。1、Vuetify(36.2k 星,每周 400k 次下载)Vuetify 是一个基于 Material UI 的 UI 库,有助于为您的网站构建美观、高质量的交互体验。Vuetify 的优势包括清晰的文档、庞大的社区以及在其最新版本中对
1.删除功能:需求:就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路:1.利用element组件找到对话框或弹出层,然后进行相应的修改即可(注:这里需要传递id)代码展示:①布局忽略  只有js部分//删除是需要调用接口的 并且需要传递相应的id 如: (具体操作参照接口文档) // 删除权限 export function delPermission(id
        Vue 移动、PC 适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
vue项目pc移动适配1、pc适配一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面)二、监听窗口大小改变,设置根字体大小 created() { // 获取当前设备的宽度,设置rem的根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = d
1.报错 组件没注册报错 js vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: did you register the component correctly? For recursive components, make sure ...
转载 2021-10-11 13:34:00
184阅读
2评论
1. 设置动态根字号大小,/public/phone-adapt.js,在index.html中引入 (function (doc, win) { const docEl = win.document.documentElement; const resizeEvt = 'orientationch ...
转载 2021-10-22 13:21:00
898阅读
2评论
Mint UI由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了部分组件,于本周发布了 0.2.0 版本。本文介绍如何从零开始构建一个使用 Mint UI 的 Vue 项目。脚手架随着 Vue.js 的迅速发展,目前搭建一个 Vue 项目的脚手架已经有不少选择了。比如可以使用官方提供的&nb
转载 2024-09-11 11:38:24
51阅读
  • 1
  • 2
  • 3
  • 4
  • 5