Foundation 滑块允许用户通过拖动来选取区间值:
滑块可以通过使用 <div class="range-slider" data-slider> 创建。在 <div> 内, 添加两个 <span> 元素: <span class="range-slider-handle"> 创建矩形滑块（蓝色背景），
2024年10月26日
Foundation 滑块允许用户通过拖动来选取区间值:
滑块可以通过使用 <div class="range-slider" data-slider> 创建。在 <div> 内, 添加两个 <span> 元素: <span class="range-slider-handle"> 创建矩形滑块（蓝色背景），
2024年10月26日
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。 |
2024年10月26日
在CSS大家肯定知道如何设一个圆角矩形，或者把一个div设成圆型，很简单，直接设置就行了，比如border-radius:5px; border-radius:50%; 或者你可以只设置一个角的弧度：
border-top-right-radius: 20px;
但其实，这个css 属性可以接受两个参数，一个是水平弧度，一个是垂直弧度，会产生奇怪的效果。看下图右上角设置不同值的变化。
2024年10月26日
我们先看一下组件效果图：
使用代码如下：
<template>
<div class="badge">
<ul>
<li>
<wt-align>
<wt-badge title="" ></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="" type="primary"></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="1" ></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="1" type="primary"></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="99" ></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="99+" type="primary"></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="拒绝" ></wt-badge>
</wt-align>
</li>
<li>
<wt-align>
<wt-badge title="生效中" type="primary"></wt-badge>
</wt-align>
</li>
</ul>
</div>
</template>
<script>
import { ref } from 'vue'
import Badge from '@/components/Badge.vue'
export default {
components: {
"wt-badge": Badge
},
setup () {
const dashed = ref(true)
return {
dashed
}
}
}
</script>
<style lang="less" scoped>
ul {
li {
display: block;
margin: 10px;
}
}
</style>2024年10月26日
把元素的一个角（通常是右上角或右下角）处理成类似折角的形状，再配上或多或少的拟物样式，已经成为一种非常流行的装饰手法。
这是原代码即原效果图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
width: 400px;
height: 300px;
background: #58a;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>2024年10月26日
众所周知，一般情况下div所表现出来的形态是一个矩形，如果给它添加border-radius属性，可以让它成为一个圆角矩形或者是圆形，但是如果希望div表现出更多的形态来呢？
那么我们就来讲讲如何用CSS来写一个六边形。
大家首先来看一下，一个六边形，拆解开来的话，就是一个矩形加左右两个三角形。
三角形的话很好写，用边框border属性就可以实现。
当我们给一个div非常粗的边框，但是宽度和高度分别都设置为0的时候，我就会得到如下的图形。
2024年10月26日
在图形表达时，如果没有特殊说明，均以毫米为单位
光滑度确定:工具/选项/显示/圆弧和圆的平滑度 为20000。注：最大值
右键功能取消:工具/选项/用户系统配置/绘图区域中不显示快捷菜单
密码设:工具/选项/打开和保存/下面的安全选项
对象捕捉设置:工具/草图设置/对象捕捉——全部选择
UCS图标可见性:视图/显示/UCS图标/（开/关）
相对坐标：前面加上@
相对直角坐标格式：@x的变量，Y的变量
2024年10月26日
广东IT优就业
广州IT培训老师，今天分享一下如何用css实现波浪效果。
有时候我们需要实现水晃动的效果，其实我们可以通过css旋转动画和圆角来实现。
首先来2个div,外层div相对定位，内层div绝对定位，内层div大致位于外层div上半部分。外层div设置一个颜色较深的背景色(水的颜色);内层div颜色设置为白色，加上圆角，圆角建议30%-45%之间，然后加上无限循环的旋转动画，通过内层div的旋转来实现波浪效果。