weui+是在weui和zepto基础上开发的增强UI组件
https://github.com/logoove/weui
weui+是在weui和zepto基础上开发的增强UI组件,目前分为表单,基础,组件,js插件四大类,共计百余项功能,是最全的weui样式
vue-element-admin自定义svg-icon组件
vue-element-admin自定义svg-icon组件
1,安装svg-sprite-loader
npm i svg-sprite-loader
2,配置svg-icon的全局组件。在components>SvgIcon下新建index.vue
<template>
<svg :cla...
vue尚品汇-TypeNav三级联动组件,注册全局组件
vue尚品汇-TypeNav三级联动组件,注册全局组件
1,创建TypeNav组件src\pages\Home\TypeNav\index.vue
复制粘贴前端代码
2,将TypeNav组件注册为全局组件,在项目任何地方可以使用,
src/main.js
// 引入三级联动组件
import TypeNav...
vue中Element组件使用报错,Error: Cannot find module ‘babel-preset-es2015‘
element ui按需引入
npm install babel-plugin-component -D
将babel.config.js(Element官网中说的 .babelrc)中的
["es2015", { "modules": false }]
修改为
["@babel/preset-env", { "...
vue尚品汇-search组件
vue尚品汇-search组件
1,在api获取数据接口 (也包括了之前的轮播图,三级联动等等, 全部复制过来看的清除一点)
src\api\index.js第一次带参数
//导入刚才写好的axios二次封装的requests
import requests from "./ajax";
import mockRequ...
vue尚品汇-carousel轮播图全局组件
vue尚品汇-carousel全局组件
如果项目当中出现类似的功能,且重复利用,封装为全局组件----【不封装也可以】,但要有封装的思想
为了封装全局的轮播图组件:让Floor与listContainer组件中的代码一样,如果一样完全可以独立出来封装为一个全局组件。
<template>
<div clas...
vue尚品汇-楼层Floor组件
vue尚品汇-楼层Floor组件
一,mock模拟数据
1,mockjs模拟数据
[
{
"id": "001",
"name": "家用电器",
"keywords": [
"节能补贴",
"4K电视",
"空...
vue组件将有全局style变为局部style <style scoped>
css作用域
在style标签上加上scoped, 该组件将有全局style变为局部style
<style scoped>
.example {
color: red;
}
</style>
<template>
<div class="example">h...
微信小程序的自定义组件插槽
一 什么是插槽
在自定义组件的 wxml 结构中,可以提供一个 <slot> 节点(插槽),用于承载组件使用者提供的 wxml 结构。
二 单个插槽
在小程序中,默认每个自定义组件中只允许使用一个 <slot> 进行占位,这种个数上的限制叫做单个插槽。
<!-- 组件的封装者 -->
<...
微信小程序自定义组件样式隔离
一 组件样式隔离
默认情况下,自定义组件的样式只对当前组件生效,不会影响到组件之外的 UI 结构。
组件 A 的样式不会影响组件 C 的样式
组件 A 的样式不会影响小程序页面的样式
小程序页面的样式不会影响组件 A 和 C 的样式
好处:
防止外界的样式影响组件内部的样式
防止组件的样式破坏外界的样式
二 组件样式隔离的注意点
ap...
微信小程序组件的创建与引用
一 创建组件
1 在项目的根目录中,鼠标右键,创建 components -> test 文件夹
2 在新建的 components -> test 文件夹上,鼠标右键,点击“新建Component”
3 键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js,.json, .wxml 和 .wxs...
layui laydate 组件点击后一闪而过的解决方法
问题描述
今天在使用 layui的日期和时间组件的时候发现;
点击后只是一闪而过,根本无法正常使用(但是,我以前就是这么用的,不记得有问题)
应该不是错误或冲突,只是比如底部空间不足,朝上显示的时候容易出现,鼠标反复离开、点击有可能又出现了。
官方文档 —— 日期和时间组件文档
解决方法:
你可以注意到,该组件...
瀑布流插件Masonry组件自动添加序号
瀑布流插件Masonry组件自动添加序号,如图
1,css自动添加序号
.grid {
background: #EEE;
max-width: 1200px;
counter-reset: grid-item;
}
.grid-item:before {
counter-increment: gri...
瀑布流插件Masonry 配置项originTop组件从上到下布局
originTop
控制垂直布局,默认状态下originTop: true控件从上到下布局,设置originTop: false后,控件从下向上布局。
originTop Masonry v3使用isOriginTop,在Masonry v4之后isOriginTop也是被兼容的。
示例展示>>
瀑布流插件Masonry 配置项originLeft组件从左到右布局
originLeft
控制水平布局,默认状态下originLeft: true控件从左到右布局,设置originLeft: false后,控件从右向左布局。
originLeftMasonry v3使用isOriginLeft,在Masonry v4之后isOriginLeft也是被兼容的。
示例展示>>
瀑布流插件Masonry 配置项stamp指定组件为stamp,Masonry在布局时会避开这些组件
stamp
指定组件为stamp。Masonry在布局时会避开这些组件。
配置项stamp只在Masonry实例第一次初始化完成后黏贴指定组件,但你可以通过stamp method更改后续的stamp布局。
示例展示>>
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2655
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多