间距 组件css
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
C++ Qt开发：SqlRelationalTable关联表组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlRelationalTable`关联表组件的常用方法及灵活运用。在上一篇文章中详细介绍了`SqlTable... ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
可拖拽弹框组件
可拖拽组件 <BaseDialog v-if="totalDialogVisible" title="合计" :visible.sync="totalDialogVisible" width="30%" @close="handleCloseTotal" @submit="handleCloseTo ......
table表格 组件
<template> <div> <BaseTable :searchConfig="searchConfig" :operateBtnConfig="operateBtn" :tableData="tableData" :tableConfig="tableConfig" :pagination= ......
下拉分页组件 select-page
组件使用文档： https://terryz.gitee.io/vue/#/selectpage/demo 实例： 需要使用的下拉分页的页面： <el-form-item label="公司" prop="carrierId"> <base-selectPage v-model="ruleForm. ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
css多行文本省略 line-clamp
css多行文本省略 line-clamp 一行文本内容溢出的省略例子： <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd ......
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解 原创 打工人小棋 打工人小棋 2023-05-16 13:24 发表于广东 1. 介绍 在上一期内容中，我分享了一套简单易用的UI框架。没想到大家的学习热情这么高，讨论度是目前所有内容最高的。 由此可见，天下苦UI(秦)久已！！！ 接下去， ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
CSS基础
【CSS简介、基础选择器、字体属性、文本属性、引入方式】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、CSS简介 CSS 的主要使用场景就是布局网页，美化页面的。 1.1 HTML的局限性 HTML 只关注内容的语义，虽然 HTML 可以做简单的样式，但是带来的是无尽的 ......
C++ Qt开发：SqlTableModel映射组件应用
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlTableModule`组件的常用方法及灵活运用。在多数情况下我们需要使用SQL的方法来维护数据库，但此方... ......
黑马pink css8 高级
精灵图使用核心总结： 字体图标的优点和不足： 利用边框构建三角形： 鼠标样式： 取消表单轮廓线： outline:0 outline:none 禁止更改文本框大小： resize:none 实现图片（行内元素或行内块元素）和文本的垂直居中对齐： vertical-align: middle; 解决图 ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
分页组件
分页组件的使用 有三种分页方式 需要新建一个py文件，以pagination.py为例 方式一：基本分页 第一步：导入分页类 from rest_framework.pagination import PageNumberPagination 第二步：书写分页类，继承 PageNumberPagin ......
过滤组件
过滤组件的使用 有两种使用方式 方式一：使用drf内置过滤类 第一步：保证视图类继承 GenericAPIView 及其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() seria ......
排序组件
排序组件快速使用 第一步：视图类需继承GenericAPIView或其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() serializer_class = BookSeriali ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
css+jquery右下角弹框提示框（工作需要就开发调式了）
使用时调用： addTip(); setTimeout("closeTip();",1000); setTimeout("removeTip();",2000); //添加提示框 function addTip() { var tip = " <div id='tip'>"+ " <div clas ......
CSS实现滚动贴合效果
一、滚动贴合介绍 滚动贴合：鼠标滚动的时候，自动贴合到浏览器的底部或顶部 设置CSS滚动贴合需要使用到两个属性： 1、给滚动容器设置scroll-snap-type，值为滚动的方向和方式 .container { /* display: flex; */ /* 第一个值为滚动贴合的方向，y表示纵向滚 ......
css学习知识
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。CSS声明总是以分号 ; 结束，声明总以大括号 {} 括起来。 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 class 选择器用 ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
内置组件-Teleport
介绍 <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方。 ......
内置组件-Transition
介绍 <Transition> 是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发： 由 v-if 所触发的切换 由 v-show 所触发的切换 由特殊元素 切换的动态组件 改变特殊的 ......
内置组件-TransitionGroup
介绍 <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。 和 <Transition> 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 J ......
drf之路由、认证组件
drf之路由 自动生成路由 drf 由于继承ViewSetMixin类，路由写法变了，原生django+drf，以后的路由写法，可能会有如下情况(三种情况) -path('books/', views.BookView.as_view() -path('books/', views.BookView ......