Common components in my work

Related tags

T-ui
Overview

T-ui

  • 在使用T-ui库时,width,height,color为特殊说明时都可以使用任意单位及颜色。

列:

  • width/height: px vh vw % calc()
  • color : rgb() rgba() #FFF white

进度条 T-progressBar

Attributes :

width 宽度 string 默认:100% height 高度 string 默认:10px progress 进度(1-100) number 默认:10 progressColor 进度颜色(可使用渐变) string 默认:linear-gradient(to right, rgb(61, 137, 220), rgb(1, 254, 254)) backgroundColor 进度条背景色(可使用渐变) string 默认:rgba(48, 69, 104, 0.2) textShow 是否显示进度文字 boolean 默认false

卡片 T-card

Attributes :

width 宽度 string 默认: / title 标题 string 默认: / titleColor 标题颜色 string 默认:black line 标题线 boolean 默认: true backgroundCard 背景色 string 默认:white border 边框+圆角 boolean 默认:true shadow 阴影出现的时机 (always,hover,never) 默认: hover

提示框 T-alert

Attributes :

width 宽度 string 默认: / title 标题 string 默认: / color 颜色 16进制颜色 默认: #5C9FFF

头像 T-avatar

当设置了src时text,textColor不生效 Attributes :

size 宽高 string 默认: 50px radius 方圆 boolean 默认: true background 背景颜色 string 默认: gray text 文本 string 默认: T textColor 文本颜色 string 默认: white src 图片路径 string 默认: /

面包屑 T-breadcrumb

Attributes :

items 列表 [{title:标题,url:地址}] 默认: [] separator 分割符 String 默认: • activeColor 当前选中项的颜色 String 默认: rgb(31,116,255)

Owner
Mr.Zhang
努力的人运气都不会差 ヾ(◍°∇°◍)ノ゙
Mr.Zhang
a hilarious peer to peer drawing game built with vue.js using Ably channels.

Depict-It Depict-It is a party game for 4 to 8 players (ideally!) where you mutate a phrase through drawings and captions, to make up funny scenarios

Ably Labs 26 Jun 27, 2021
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

Koa-Vue-Notes-Web This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Frontend Vue GitHu

John Datserakis 205 Jun 29, 2021
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Alefe Souza 494 Jul 18, 2021
shiny vue hybrid app

This repo contains the code for the Shiny app contest 2021 submission by Herman Sontrop and Kenton Russell. A live version of the app can be seen here and the submission details can be found here. The app also includes a Narrative page describing many important technical details.

Herman Sontrop 19 Jul 7, 2021
VueJS + Foundation + Vue-Router + Webpack

vue-foundation A boilerplate integrating Foundation for Sites and VueJS This repository is an example of how to use Foundation for Sites in a Vue sing

null 213 Apr 28, 2021
Common components in my work

T-ui 在使用T-ui库时,width,height,color为特殊说明时都可以使用任意单位及颜色。 列: width/height: px vh vw % calc() color : rgb() rgba() #FFF white 进度条 T-progressBar Attributes :

Mr.Zhang 4 Jul 19, 2021
A Pokedex that will contain all 807 pokemon from the Pokemon series. Created in Vue.js

PokedexVueJs Goal To learn a new JS language alongside another frontend framework similar to Bootstrap. Future of this project It was a great three we

Raymond Chung 18 May 2, 2021
CODEFORCES-MARGDARSHAN is a Web app built using Vuejs and Codeforces Apis.

The app built for the users who want to practice questions effectively by following other users.

Jhabar Singh Bhati 3 Jun 25, 2021
Angular 2 Tour of Heroes app built with Vue.js 2.0

Tour of Heroes - Vue.js 2.0 edition This repo contains an implementation of the Angular 2 'Tour of Heroes' tutorial app using Vue.js 2.0. https://angu

Adam Weber 29 Aug 2, 2020
Project starter for Vue Typescript and Webpack

Vue-webpack-typescript project starter This project is generated via vue-webpack-minimal and features: Base example of CRUD pages with written api cla

Andrew 15 May 11, 2021
CION - Design system boilerplate for Vue.js

CION - Design system boilerplate for Vue.js CION is a design system build primarily for Vue.js applications. You can use it as a starting point for bu

Jörg Bayreuther 125 Jul 22, 2021
Mini Online Shop Built With Vue JS

Vue Mini Shop Mini Online Shop Built With Vue JS and some of my plugins. It has enough features for starting build an Online Shop with Vue JS! You can

Naufal Rabbani 251 Jun 2, 2021
An open source tool for building UI Design Systems with Vue.js

Vue Design System Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organize

Viljami Salminen 2k Jul 25, 2021
Boilerplate application for Electron runtime

electron-boilerplate-vue Comprehensive boilerplate application for Electron runtime and Vue.js. This project is based on vue-templates/webpack and the

Brad Stewart 721 Jul 12, 2021