首页 > 其他分享 >vue学习第26天 xxxx响应式页面制作

vue学习第26天 xxxx响应式页面制作

时间:2023-06-23 21:55:04浏览次数:34  
标签:26 vue xxxx 布局 响应 选型

项目地址:后续添加

 

1、布局分析

  nav2列、article 7列、aside 3列

 

2、屏幕划分分析

 

            移动端布局总结

1、移动端主流方案

 

2、移动端技术选型
  1)流式布局(百分比布局)

  2)flex布局(推荐)

  3)rem适配布局(推荐)

  4)响应式布局

  建议:我们选取一种主要技术选型,其他技术做为辅助,这种混合技术开发

 

标签:26,vue,xxxx,布局,响应,选型
From: https://www.cnblogs.com/changdasheng/p/17483404.html

相关文章

  • java编程开发之若依vue --- 部署
      部署的大致步骤0.配置环境,jdk下载安装配置环境变量,Mysql下一步就好记住用户名和密码,Redis下载win版本运行即可,Maven下载配置环境变量修改本地库存放位置,Node下一步就好设置下淘宝的镜像源。JDK>=1.8(推荐1.8版本)Mysql>=5.7.0(推荐5.7版本)Redis>=3.0Maven>......
  • Vue 基本认识二:使用 Vue CLI 的 Vue 项目
    注意VueCLI(手脚架)创建项目需要安装Node.js,没安装的看这里。使用VueCLI创建与运行项目,看这里。VueCLI创建的项目文件夹和文件说明,看这里。 单文件组件定义和引入  render函数......
  • Vue CLI 创建的 Vue 项目解释
    src\assets目录这个目录存放静态文件src\components目录存放除App.vue以外的所有组件src\main.js文件/*该文件是整个项目的入口文件*///引入VueimportVuefrom'vue'//引入App组件,它是所有组件的父组件(引入组件时,扩展名“.vue”写不写无所谓)impo......
  • Vue CLI 安装与创建 Vue 项目
    官网地址前提:已经安装过Node第一步:全局安装手脚架npminstall-g@vue/cli#ORyarnglobaladd@vue/cli 第二步:创建Vue项目(注意要切换到想创建项目的目录)vuecreatexxx 第三步:启动项目npmrunserver ......
  • Vue(六):数据代理
    一、js中的Object.defineProptry方法<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>回顾Object.definePropetry方法</title><scripttype="text/javascript"src="........
  • Vue进阶(贰零零):window.onresize事件在vue项目中的应用
    属性window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。在窗口大小改变之后,就会触发resize事件.//vue页面<template><divid='echart'>报表</div></template><script>exportdefault{data(){return{};......
  • Vue.js 过渡和动画
    学习目录:Vue.js简介Vue.js实例与数据绑定Vue.js计算属性和侦听器Vue.js条件渲染和列表渲染Vue.js事件处理Vue.js表单输入绑定Vue.js组件基础Vue.js组件通信Vue.js插槽Vue.js动态组件和异步组件Vue.js自定义指令Vue.js过渡和动画Vue.js混入Vue.js自定义事件和v-model......
  • Vue(四):el和data的两种写法
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>el和data的两种写法</title><scripttype="text/javascript"src="../js/vue.js"></script></head><body......
  • Vue(五):Vue中的MVVM
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Vue中的MVVM</title><scripttype="text/javascript"src="../js/vue.js"></script></head><body>......
  • Vue前端权限管理
    一、登录权限控制实现哪些页面能被未登录的用户访问,哪些页面只有用户登录后才能被访问1、实现:在路由对象中以添加meta的方式去实现登录页面权限控制需要登录才能显示的页面设置meta.need_login属性export const routes = [      {         p......