相关文章
「UCD-UI」移动端UI设计尺寸规范详解
移动端UI设计尺寸规范对于确保应用程序在不同设备上的兼容性和用户体验至关重要。 一、iPhone UI 设计尺寸规范 设计尺寸根据iPhone型号变化,例如: iPhone 5/5s/SE: 320x568dpiPhone 6/6s/7/8: 375x667dpiPhone 6/6s/7/8 Plus: 414x736dpiPhone XR/11: 414x896dpiPhone XS Ma…
建站知识
2025/1/2 18:22:35
vue 移动端布局方案
postcss-px-to-viewport (推荐使用这个方案)
他是这样一款优秀、高效、简洁的解决方案,它能完美解决上面的三个痛点,高效的将代码中px单位转为rm、rem、vw等视口单位,一份配置文件完美解决适配问题。
npm 安装
npm install postcss-px-to-viewport --save-dev项目根目录…
建站知识
2025/1/24 7:20:00
优秀的 Vue框架案例
总链接:https://github.com/vuejs/awesome-vue#component-collections 链接1:https://github.com/TonyLuo/element-vue-admin 移动端UI框架链接:http://mint-ui.github.io/docs/#/en2/action-sheet
建站知识
2025/1/13 17:24:00
vue移动端页面demo
一、调查表页面(展示效果) 根据网上许多移动端项目案例,总结其他方法,汇总方法如下。 二、vue移动端项目搭建 1、在安装了node.js的前提下,使用以下命令
npm install --g vue-cli2、在将要构建项目的目录下
vue ini…
建站知识
2025/1/2 18:23:41
vue项目实战(移动端)
相关资料# vue-cli脚手架: vue2脚手架vue3脚手架: vitevue官网: [介绍 — Vue.jsvscode插件 vetur 必备工具vue-helper 一些辅助功能Vue VSCode Snippets 片段(一) 创建项目#
01 安装vue-cli脚手架#
npm install -g @vue/cli02 查看vue脚手架版本#
出现版本号表示成功
vue …
建站知识
2025/1/17 11:36:33
Vue移动端项目(三)
九、用户页面 该模块作为学生作业,不讲解,仅供源码参考。 创建组件并配置路由
1、创建 views/user/index.vue
<template><div class="user-container">用户页面</div>
</template><script>
export default {name: UserPage,compon…
建站知识
2025/1/2 18:23:16