Vue App.vue Vue 的 App.vue 文件是整个Vue项目中最核心的文件之一，它是所有组件的基础组件，也是整个Vue应
原创
2024-05-08 11:57:15
373阅读
使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible：阿里可伸缩布局方案
px2rem-loader：px 转 rem
postcss-px2rem： 将代码中px自动转化成对应的rem的一个插件
下面这个插件会代替lib-flexible 更好一些 适用于pc
npm i lib-flexible-co
链接：https://pan.baidu.com/s/1yX-f4Mzn7zpBjSEVxASvJQ 提取码：Eric
原创
2021-07-28 15:48:21
375阅读
App.vue是项目的主组件，页面入口文件 ，所有页面都在App.vue下进行切换，app.vue负责构建定义及页面组件归集。1、app.vue作为主组件在main.js中被使用import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h
转载
2023-07-16 19:14:15
443阅读
1.静态布局：布局特点：宽高固定 2.自适应布局：布局特点：不同分辨率下，页面元素位置变化，大小不变 实现方法:针对不同分辨率创建对应的样式表，使用 @media 媒体查询给不同尺寸的设备切换不同的样式 缺点：IE8及以下不支持媒体查询；只能兼容主流分辨率 3.流式布局（百分比布局）: 布局特点：不同的分辨率下显示相同的排版；高度固定，宽度自适应
转载
2024-07-31 08:08:12
131阅读
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了几种办法1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2.使用rem的地方width,height,margin,padding,le
转载
2024-09-05 18:59:41
28阅读
文章目录前言一、属性和方法的使用二、Vue生命周期三、全局变量1.公用模块2.挂载 Vue.prototype3.globalData四、Class 与 Style 绑定1.对象语法2.数组语法总结 前言本文主要的主要内容是在uni-app中Vue的用法，具体如下： Vue支持响应式数据操作，可以实现数据和事件的绑定，同时支持this传递； uni-app在Vue实例生命周期的基础上增加了应用生
转载
2024-05-30 12:56:54
279阅读
电脑PC端和手机wap端的区别在于设备，两者屏幕比例不一样，因此将PC端的站点放在手机端浏览就会不方便，同样，手机端的wap站点在PC端浏览也会变形。你可以把手机wap站理解为手机设备端的网站标准，跟PC是不同的。而APP是第三方开发的应用程序，跟网站无关，点击进入之后是APP应用内部运行，跟手机外部条件就无关了进去之后看到什么内容是第三方开发者决定的。1、电脑版网站：电脑版网站是指用户通过台式或
转载
2023-10-05 10:22:40
347阅读
rem布局是现在比较流行的移动端布局，掌握了这种布局方式后，可以很轻易的实现布局自适应手机屏幕。目前淘宝首页就是采用的这种布局方式。我曾经上网查过很多资料，看过很多解释原理的和使用方法的，可是还是一脸懵逼，可能我是一枚女程序员，脑子转不过来，必须要弄得很清楚透彻才能想明白这个布局的原理。后来我自己在纸上琢磨，用数学公式成功把自己弄明白了。希望也能帮到大家。就像一道数学题一样，见下题：首先，假设UI
vue基础：在跟组件（App.vue）调用外部组件在vue学习中，我们发现将所有的组件，都放在根组件是不合理的，同样也是低效的。于是我们将不同的模块分割，需要哪个模块的时候就可以直接调用。这类似于html5中模板的性质。 1.首先我们需要创建一个组件，所有的组件可以放在一个目录里，便于规范化管理。 2.创建所有的组件也需要像根组件一样，严格的格式要求。<template> <
原创
2023-01-18 00:07:31
332阅读
/*彈窗*/ .Dialog-bg{ background-color: #000; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 200; } .Dialog{ background: #f3f6f...
转载
2017-08-21 15:26:00
467阅读
2评论
1. Element
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址
Element
2. vue-element-admin
vue-element-admin是基于 Vue2.0，配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈，提炼了典型的业务模型，提供了丰富的功能
转载
2021-08-13 19:07:28
2257阅读
<template> <div id="app" ref="bodyPage"> <transition name="fade" mode="out-in"> <keep-alive> <router-view></router-view> ...
原创
2022-03-23 10:50:23
101阅读
刚开始接触vue，下面这段代码看的不明白，总觉的这个路径不对后来网上查询，看到简书上有个人总结的，才明白转载地址：https://www.jianshu.com/p/c0be35475e54解释代码之前，先来看我的项目文档（这5行代码位于main.js中）：那么现在我对上述代码一一作出解释：importVuefrom'vue'最完整的写法是：importVuefrom".
转载
2019-07-11 17:30:27
666阅读
创建实例化
Vue对象第一部分代码段<div id="
vue-
app-one">
这里是：{{name}}
</div>
<div id="
vue-
app-two">
这里是：{{name}}
//创建按钮事件 当执行按钮事件时，改变第一个{{name}}中的值
按钮事件：<bu
转载
2023-12-27 09:45:49
276阅读
<template> <div id="app" ref="bodyPage"> <transition name="fade" mode="out-in"> <keep-alive> <router-view></router-view> ...
原创
2021-07-14 15:48:12
102阅读
你是否在拿到项目之后，做个两三天就不断地改改改？在梳理自己的方案思路时，死了好多脑细胞进行创作，甲方仍对方案提出质疑，对于方案阶段中的场地设计又该如何考虑？往往拿到项目，场地总平面布局是最重要的设计环节。它应该从哪几方面入手？身为建筑师的你必须知道！功能分区它是对场地内部关系的总体把握，是场地布局的关键。它必须坚持从整体到局部主次递进的设计思维过程。交通流线1.交通流量的安排①功能分区时，应将出入
