首先创建项目，在此之前，我们需要全局安装npm 接着执行如下指令： npm install -g vue-cli vue init webpack vueDemo cd vueDemo npm install npm run dev 访问http://localhost:8080就可以看到我们新创建 ...
转载
2021-10-14 17:28:00
742阅读
2评论
UI框架iView UI组件库Vux UI组件库Element UI组件库Mint UI组件库Bootstrap-Vue UI组件库Ant Design Vue UI组件库AT-UI UI组件库Vant UI组件库cube-ui UI组件库Muse-UI UI组件库N3-components UI组件库Mand Mobilewe-vue UI组件库veui UI组件库Semantic-UI-Vu
电商后台管理系统的功能——页面的整体布局1. 整体布局整体布局：先上下划分，再左右划分。 需要使用到ElementUI中提供的Container组件<el-container>
<!-- 头部区域 -->
<el-header></el-header>
<el-container>
<
转载
2024-01-22 18:43:15
75阅读
接上文，开始准备布局页，见下图，包括顶部一个头部和一个底部导航。1、在we-vue组件库中找到对应的组件 1)头部，包括网站logo和【注册|登陆】按钮，这对应着we-vue组件库的Header组件2）底部导航，包括【首页、所有商品、购物车、我】 四个菜单项，这对应着we-vue组件库的Tabbar组件 这两个组件都位于官方文档的【导航相关】目录下，we-vue是所有基于weu
html<template<div<vlayoutclass="px4pb3"<vflexxs5style="backgroundcolor:ff0000;"<vbtnclass="info"新增品牌</vbtn</vflex<vspacer/<vflexxs5style="backgroundcolor:ffff00;"<vtextfieldlabel="搜索"hidedetailsappend
原创
2021-09-18 15:02:32
1131阅读
Web容器Web技术的发展史早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些交互操作，来获取动态结果，因此也就需要一些扩展机制能够让HTTP服务器调用服务端程序。于是Sun公司推出了Servlet技术。你可以把Servlet
转载
2024-09-20 20:51:23
52阅读
一直以来，移动端适配问题都是我工作中的一大难题，经常会碰到各种坑，今天有时间，为了能在新项目中更完美的使用vw来做移动端的适配，使用了一下vw在vue中的适配，下面记录一下。使用Vue-cli来构建项目$ npm install -g vue-cli(注意这里是使用的vue 2 不是cli3)因为cli3要在config.js里进行配置，试了一下没有成功全局安装Vue-cl
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
转载
2024-03-27 09:03:23
216阅读
<el-row>
<el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col>
</el-row>
<el-row>
<el-col :span="12"><div class="grid-conte
原创
2023-09-04 10:16:46
39阅读
Flexbox布局以其强大的灵活性和简洁的语法，已经成为现代Web开发不可或缺的一部分。通过理解和掌握上述基础概念、
html文件，拥有着它自己独特的代码布局，想要写一个html网页，首先得要把基础结构，也就是基础布局先写好，然后才是去写网页的内容，html网页的结构相当于人体的骨架，网页里面的内容相当于人体的肉身，先有结构，后有内容。 html文件的布局格式如下：幼儿园设计 <!DOCTYPE html> <ht
转载
2020-07-23 16:36:00
139阅读
2评论
Flexbox（Flexible Box）布局是CSS3中引入的一种新的布局模式，它彻底改变了我们对网页布局的传统认知，尤其擅长处理各种动态和未知尺寸的容器与Fle
原创
2024-06-24 00:12:24
64阅读
在网页设计的广阔天地里，CSS Grid布局如同一位精巧的建筑师，赋予页面布局前所未有的灵活性与精准度。它彻底改变了我们对网页布局的传统认知，让复杂的页面结构变得井然有序。本文将带你深入CSS Gri
原创
2024-06-24 00:11:37
37阅读
公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼rem自适应。CSS3
转载
2024-07-11 21:25:58
237阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 初识vue</title>
<!--引入vue 引入之后，全局就多了一个vue这个构造函数-->
<
转载
2024-03-26 13:34:14
41阅读
