saxon-cxy3.0 v0.4.7

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

See Configuration Reference.

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 背景颜色