简介： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex ...
分类：
Web程序 时间：
2020-04-25 13:07:32
阅读次数：
79
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/Yjomyd 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2020-04-24 20:00:37
阅读次数：
72
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
移动开发 时间：
2020-04-23 11:58:03
阅读次数：
133
先完成‘左右两列竖直分别滑动，相互之间不存在任何关联’的页面样式： <t emplate> <div> <div class="flex-between"> <div class="left"> <span v-for="n in 16" :key="n">{{n}}</span> </div> < ...
分类：
其他好文 时间：
2020-04-22 12:55:38
阅读次数：
216
<div class="box"> <img src="./1.jpg" alt=""/></div> 第一种：水平居中 .box { width:300px; height:300px; border:2px solid red;}img{ display:block; width:100px; ...
分类：
Web程序 时间：
2020-04-21 12:52:51
阅读次数：
70
基于 vue-cli3 搭建的前端模板，fork 或 clone 本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎 star 或 fork 特性 CSS 预编译语言：less Ajax: axios，做了一定的封装，详见 src/services/request.js SVG 雪碧图：采用 ...
分类：
其他好文 时间：
2020-04-21 09:19:05
阅读次数：
59
一个简单的手机的登录界面，用flex布局，无数据处理后台。效果图： 这个例子用flex，弹性布局。素材有以下一些图片： 根据效果图，规划为flex的列布局，划分比例大概如下图： 操作步骤： 1 做个DIV容器盒子main，它就是主要的盒子。 2 再放各个盒子，一共五个，五个盒子挤在了一起，因为他们没 ...
分类：
其他好文 时间：
2020-04-19 20:55:35
阅读次数：
75
<ec:PathListBox x:Name="numberPathListBox" IsHitTestVisible="False"> <ec:PathListBox.ItemTemplate> <DataTemplate> <TextBlock Foreground="White" Text=" ...
前言 先简单介绍一下「文经课表」：基于微信小程序MINA框架的WXML、WXSS、JS为代码语言进行开发，视图层采用Flex弹性布局，逻辑层采用模块化模式开发。发布一周累计用户人数1000+，烟台大学文经学院、烟台大学文经学院学生会等官方微信公众号主动关联小程序，更多介绍：https://lab.s ...
分类：
其他好文 时间：
2020-04-18 11:49:24
阅读次数：
84
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 icon 图标组件是一个很常用的基础元件， MinUI 中 icon 组件的效果图如下 ...
分类：
微信 时间：
2020-04-18 10:13:05
阅读次数：
107
