saxon-cxy3.0
v0.4.7
Published
## Project setup ``` yarn install ```
Downloads
83
Readme
saxon-cxy3.0
Project setup
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Run your unit tests
yarn test:unit
Lints and fixes files
yarn lint
Customize configuration
doc
1.npm i saxon-cxy3.0
2.引入包和样式
import "saxon-cxy3.0/lib/saxon-cxy3.0.css";
import SaxonCxy from "saxon-cxy3.0";
createApp(App).use(SaxonCxy)
3.使用具体组件
<saxonBox></saxonBox>....
saxon-box
<saxonBox :title="title" :height="height" :width="width" :position="position" ></saxonBox>
1.title:string 组件标题
2.height:number 高度 具体计算 实际高度 = (高度*100 )px
3.width:number 宽度 具体计算 实际宽度 = (宽度*100 )px
4.position: array<number> 定位位置 接收长度为4的数组 分别代表left,top,right,bottom 实际计算参考宽高(*100)
Saxon-button
<SaxonButton class="btn" :btnTitle="btnTitle" @btn-click="btnClick" ></SaxonButton>
1.btnTitle 按钮文字内容
saxon-trapeBox
SaxonTrapeBox :title="title" :polygon="polygon" :bg="bg"></SaxonTrapeBox>
1.title 按钮文字内容
2.polygon 0px 0px, 80% 0px, 100% 100%, 20% 100% 分别对应左上,右上,右下,左下
3.bg 背景颜色