Flex容器属性 display 要改变元素的模式为伸缩容器，需要使用display属性。 display:flex | inline-flex/*flex:设置为块级伸缩容器。 inline-flex:设置为内联级伸缩容器。*/ <!DOCTYPE html> <html lang="en" xm ...
分类：
其他好文 时间：
2020-07-02 21:29:07
阅读次数：
99
<div id="app"> "inputValue 的值：" + {{inputValue}} <my-input v-model="inputValue"></my-input> </div> Vue.component('my-input', { template: '<div><input ...
分类：
其他好文 时间：
2020-07-02 16:13:37
阅读次数：
54
当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i ...
分类：
微信 时间：
2020-06-30 10:35:20
阅读次数：
123
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-06-30 10:28:51
阅读次数：
76
Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴(cross ...
分类：
Web程序 时间：
2020-06-29 21:27:31
阅读次数：
87
1：找个容器： .container { display: flex | inline-flex; //可以有两种取值：块元素，行内元素 } 2：容器的设置： .container { flex-direction: row | row-reverse | column | column-rever ...
分类：
其他好文 时间：
2020-06-29 13:17:23
阅读次数：
63
一、v-model：双向数据绑定 > 重点：**双向数据绑定，只能用于表单元素，或者用于自定义组件**。 之前的文章里，我们通过v-bind，给`<input>`标签绑定了`data`对象里的`name`属性。当`data`里的`name`的值发生改变时，`<input>`标签里的内容会自动更新。 ...
分类：
其他好文 时间：
2020-06-28 18:45:12
阅读次数：
45
小程序在使用自定义组件中， 在当前页面想要获取组件中的某一状态 需要使用this.triggerEvent('', {}, {}) 第一个参数自定义事件名称第二个参数是传过去的参数第三个参数不可以省略，对象形式 栗子： //首页index.js使用自定义组件 <w-tab-control title ...
分类：
其他好文 时间：
2020-06-27 09:40:37
阅读次数：
129
这里是单行布局 使用ul>li 来布局 <ul class="local-nav"> <li> <a href="#"> <span class="local-nav-icon-icon1"></span> 攻略景点 </a> </li> <li> <a href="#"> <span class= ...
分类：
移动开发 时间：
2020-06-24 19:37:53
阅读次数：
62
1、html <div class="cardBox" v-for="(item,idx) in arr" :key="idx"> <div class="cart-left"> <div class="cart-left-head"> <h3>{{item.name}}</h3> </div> < ...
分类：
其他好文 时间：
2020-06-24 17:57:41
阅读次数：
206
