sxview v1.0.1

sxView组件库

引入方式

  import sxView from '@/sxView'
  Vue.use(sxView)
  上面引入代码 加入main.js即可

文件分类

  1. sx-methods 各类公共处理方法
    (1) calculation 计算方法
    (2) methods 移动端处理方法
	
  2. sx-mixin 混入组件

使用

  通过uni.$sxView.事件名
  而组件直接通过标签进行使用
  
  1.计算组件
	(1) getOffsetHeight 计算倾斜后高度  uni.$sxView.getOffsetHeight(height, angle)  height: 高度, angle: 倾斜角度
	(2) getOffsetY 计算倾斜后Y轴  uni.$sxView.getOffsetY(height, angle)  height: 高度, angle: 倾斜角度
  
  2.处理组件
    (1) localBaseUrl 图片转本地  uni.$sxView.localBaseUrl(image)  image: 图片地址
	(2) Base64Orfile 图片转base64 uni.$sxView.Base64Orfile(url)  url: 图片地址
	(3) getFontMethod 加载字体  uni.$sxView.getFontMethod(name, url) name: 命名 url: 字体地址
	
  3.mixin混入组件
     (1) canvas混入  mixins: [uni.$sxView.canvasImageColor] 放在页面export default {mixin: [xxx]}
	       1.getImageColor处理canvas图片像素点颜色  this.getImageColor(canvasIds, canvasUrl, canvasWH) canvasIds:string画布id canvasUrl:string图片 canvasWH:object画布宽高
		   2.getCanvasImage画布生成图片 this.getCanvasImage(canvasIds, canvasWHData) canvasIds:string画布id canvasWH:object画布宽高
		   3.getCanvasColor获取像素点 this.getCanvasColor(canvasIds, canvasWHData) canvasIds:string画布id canvasWH:object画布宽高
		   4.putImageColor修改像素点 this.putImageColor(canvasIds, canvasWHData, pixels) canvasIds:string画布id canvasWH:object画布宽高 pixels:Uint8ClampedArray像素点数据
		   5.getColorNum处理像素点 this.getColorNum(numArr) numArr:Uint8ClampedArray像素点数据
  
  4.公共样式使用
     (1) common.scss 公共样式
	     1.页面： 
		        all_view 页面占位100%
		
		2.按钮：
		        buttonStyle 按钮点击样式
				
		3.文字：
		       font_beyond 超出多行省略
			   
	 (2) custom.scss 混入样式
	    1.fontWeight 字体加粗  使用：font-weight(数字)
		2.fontSize 字体字号  使用：fontSize(数字)
		3.fontBeyond 文字超出行数 使用： fontBeyond(数字)