TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林
分享一个CSS框架，内置了很多css样式：
使用方式：
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址：https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试：
相关推荐
2022-10-08
vue-cropper
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网：https://github.xyxiao.cn/vue-cropper/ 演示demo：http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2021-03-30
el-date-picker
但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！ 但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！——岸边露伴 讲讲常用的el-date-picker属性 例如我们禁用今天前的日期，以及不让选择当前时间之前的时间点 12345678910<el-date-picker v-model="date" type="datetime" @change="disableTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" :picker-options="{disabledDate:(v)=>v.getTime() < new Date().getTime() - 86400000}" ...
2021-11-01
nvue坑
人之所以走入迷途，并不是由于他的无知，而是由于他自以为知。——卢梭 《爱弥儿》 前两天用nvue踩了不少坑，例如之前写的nvue引入图标坑就是一个 例如manifest.json中这里需要配置为weex才能使用weex渲染 uniapp-nvue文档 weex文档 要注意这里 基本上是nvue的一些常见的坑 还有其他的一些，例如一些不支持的css写法如transition 如果写成transition: 1s;则会提示 当然transition: all 1s;也不行 只能针对对应的过渡去写： 12transition-property: width;transition-duration: 1s; 缩写就是： 1transition: width 1s linear 2s; 一般像不支持的全局属性，需要写在条件编译里 12345678910.logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS...
2024-12-16
EqualUI
文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI：构建现代Vue 3应用的UI组件库 在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。 什么是Equal-UI？Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。 核心特性 Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。 现代化设计：组件风格简洁优雅，遵循现代UI设计原则。 高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。 无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。 TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。 快速开...
2024-11-13
uniapp-cli工程
人生苦短，虽说如此，还会感到无聊。——佚名 除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版（对应HBuilderX最新正式版） 1vue create -p dcloudio/uni-preset-vue my-project 复制代码 使用alpha版（对应HBuilderX最新alpha版） 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码 使用Vue3/Vite版 创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...
2021-11-09
让link标签失效
此岸永远是残缺的，否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了，想让我加个隐藏主题功能，于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下： 隐藏 12<!-- 选中head节点，找到href属性为'/css/style.css'的link标签，添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示： 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog