Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

tu-vue-plugin

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tu-vue-plugin

封装个人ui组件库

latest
npmnpm
Version
0.1.4
Version published
Weekly downloads
7
133.33%
Maintainers
1
Weekly downloads
 
Created
Source

当前版本功能拉胯

  组件列表
  .tu-glassbox   可暂时图片和信息功能的组件
  .tu-button     参照各大ui库写的按钮组件

tu-glassbox 组件api

暂不支持更改弹窗框的动画时间
包含宽度大小等计量参数需要加上‘px’,‘%’等单位,不加可能导致参数无效

接受参数:
  .color          ---- 弹窗出文字颜色 默认(white)
  .size           ---- 弹出窗文字大小 默认(1rem)
  ·width          ---- 整体外壳的宽度(默认为200px),会影响内容区域宽度    如width="100px"
  .height         ---- 整体外壳的高度(默认为300px),会影响内容区域高度    如width="200px"
  .align          ---- 弹窗框内容的排列水平对其方式     如align="center"
  .background     ---- 弹出窗背景颜色,需设置背景色透明度,不然会完全遮挡背景图片     如background="rgb(0, 0, 0, 0.5)"
  .cWidth         ---- 弹出窗的文字区域宽度
  .cHeight        ---- 弹出窗的文字区域高度
  .blockUrl       ---- 盒子的背景图片  续传入图片地址url

tu-button 组件api


接收参数:
  .type     类型-String     值-default, parimary, success, info, warning, danger, text
  .plain    类型-Boolean    值-true/false 默认false
  .width    类型-String     值-(传参时需要单位:px/rem/vw/%)   默认为100px;
  .height   类型-String     值-(传参时需要单位:px/rem/vh/%)   默认为40px;
  .fontSize 类型-String     值-需跟单位   默认为14px
  .value    类型-String     值-按钮文字(可以不用穿value), 通过插槽插入,如:<tu-button><template>按钮文字</template></tu-button>如需传入标签,则可考虑插槽方式
  .float    类型-String     值-按钮整块的float属性,  默认为'left'
  .border   类型-String     值-需跟单位,如果border和round同时出现,则生效的是round
  .round    类型-Boolean    值-true/false, 使按钮左右为圆角   默认false
  .disabled 类型-Boolean    值-true/false, 禁用,   默认为flase
  .to       类型-String     值-path字符串, route传值为true时生效 最基础的跳转路由, (暂不支持传参, 之后封装)
  .route    类型-Boolean    值-true/false, 开启路由跳转,需先安装并正确配置路由(vue-router)   默认值为false

FAQs

Package last updated on 06 Aug 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts