Vue指令之条件渲染

Vue

v-show 和 v-if 指令都可以用于条件渲染。v-show 当表达式为false时仅仅是被赋予 style="display:none" 属性;v-if 则是直接将标签替换为 html中的注释 <!---->

辰风沐阳 阅读 679 2020-07-19

layuiAdmin 单页版部署

layuiAdmin

layuiAdmin 单页版采用前后端分离开发模式,无需将其放置在你的服务端 MVC 框架中,只需给 layuiAdmin 主入口页面(宿主页面)进行访问解析,它即可全权完成自身路由的跳转和视图的呈现,数据层则完全通过服务端提供的异步接口完成。

辰风沐阳 阅读 2225 2020-07-09

ThinkPHP6.0 多应用模式 部署 Layuiadmin 单页版

layuiAdmin Layui TP6.0

TP6.0中的路由省略应用名只能用`入口文件绑定应用` 和 `域名绑定应用`,经过测试,最后得出`域名绑定应用`是最合适的部署方式。如果有更好的部署方案,欢迎分享。QQ:23426945

辰风沐阳 阅读 1213 2020-07-06

ThinkPHP6.0 单应用模式 部署 Layuiadmin 单页版

layuiAdmin Layui TP6.0

layuiadmin单页版部署到thinkphp中:1. Layuiadmin单页版 2. ThinkPHP6.0.3 单应用模式 3. 将 src 和 start 文件夹放到 public 下 4. 修改宿主页面layuiadmin资源路径、配置实时刷新缓存 5. 访问首页使其重定向到layuiadmin主页

辰风沐阳 阅读 1563 2020-07-06

v-model 创建双向绑定

Vue

v-model 用于 在表单 <input>、<textarea> 及<select>元素控件或者组件上创建双向绑定,它负责监听用户的输入事件以更新数据

辰风沐阳 阅读 718 2020-06-30

Vue 指令之v-on的使用

Vue

v-on 指令用于监听 DOM 事件。v-on:click 可简写为 @click。修饰符:.stop 禁止冒泡、.once 只能触发一次。v-on绑定的事件方法中的this 自动绑定为当前 Vue实例

辰风沐阳 阅读 662 2020-06-29

Layui 扩展字体图标

Layui 前端UI框架

layui 目前(2020-06-28)提供了168个图标,但是很多时候这些图标中没有自己想要的,今天在项目中想找一个二维码的图标,但是在layui提供的图标中并没有,此时我们可以扩展图标(阿里巴巴矢量图标库 www.iconfont.cn)layui提供的图标也是取材于此。

辰风沐阳 阅读 1181 2020-06-28

Layui 按钮

Layui 前端UI框架

向任意HTML元素设定class="layui-btn",建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。内置的按钮class可以进行任意组合,从而形成更多种按钮风格。

辰风沐阳 阅读 923 2020-06-27

Layui 字体图标

Layui 前端UI框架

layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont.cn)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。

辰风沐阳 阅读 1168 2020-06-26

父元素透明度不影响子元素透明度解决方案

HTML CSS

父元素设置opacity:0.5,子元素会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。

辰风沐阳 阅读 903 2020-06-26