gxd-uni-library-editx 1.0.0

package/xd.less

@@ -0,0 +1,180 @@
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+//@doMain: //image.jufubao.cn/
+//@basePath: 20220501010108/image/
+//@path: bg/default_gonghui_bg.png
+//pathStart
+@basePath: 'basePath';
+@doMain: 'path';
+//pathEnd
+
+@scale:1; //放大倍数
+
+/* 颜色变量 */
+@xd-base-color: #f07373;
+
+/* 行为相关颜色 */
+@xd-color-primary: #007aff;
+@xd-color-success: #4cd964;
+@xd-color-warning: #f0ad4e;
+@xd-color-error: #dd524d;
+
+/* 文字基本颜色 */
+@xd-text-color:#333;//基本色
+@xd-text-color-inverse:#fff;//反色
+@xd-text-color-grey:#666;//辅助灰色，如加载更多的提示信息
+@xd-text-color-placeholder: #808080;
+@xd-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+@xd-bg-white: #fff;
+@xd-bg-color:#f5f5f5;
+@xd-bg-color-grey:#f8f8f8;
+@xd-bg-color-hover:#f1f1f1;//点击状态颜色
+@xd-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+@xd-black-color: #1f1f1f;
+
+/* 边框颜色 */
+@xd-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+@xd-font-size-sm:24rpx;
+@xd-font-size-base:26rpx;
+@xd-font-size-lg:32rpx;
+@xd-font-size-big: 36rpx;
+
+/* 图片尺寸 */
+@xd-img-size-sm:40rpx;
+@xd-img-size-base:52rpx;
+@xd-img-size-lg:80rpx;
+
+/* Border Radius */
+@xd-border-radius-sm: 4rpx;
+@xd-border-radius-base: 6rpx;
+@xd-border-radius-lg: 12rpx;
+@xd-border-radius-circle: 50%;
+
+/* 水平间距 */
+@xd-spacing-row-sm: 10px;
+@xd-spacing-row-base: 20rpx;
+@xd-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+@xd-spacing-col-sm: 8rpx;
+@xd-spacing-col-base: 16rpx;
+@xd-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+@xd-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+@xd-color-title: #333; // 文章标题颜色
+@xd-color-subtitle: #999; // 二级标题颜色
+@xd-font-size-title:40rpx;
+@xd-font-size-subtitle:36rpx;
+@xd-color-paragraph: #3F536E; // 文章段落颜色
+@xd-font-size-paragraph:30rpx;
+
+//购票按钮颜色
+@custom-btn-danger: #ec5c5c;
+@custom-btn-primary: #55b2f8;
+@custom-btn-success: #67C23A;
+@custom-btn-warning: #E6A23C;
+@custom-btn-info: #efefef;
+@custom-btn-default: #fff;
+
+//image base64
+@xd-bg-disbaled : ''; //已废弃
+@xd-bg-selected: '';//已废弃
+@xd-bg-unselected: '';//已废弃
+@xd-bg-lovely: '';//已废弃
+@xd-bg-filmBg:'';//已废弃
+@xd-star:'';//已废弃
+@xd-star-hover:'';//已废弃
+@xd-coins-unit: '';//已废弃
+
+
+/**
+* @desc 一行显示省略号
+* @param  @height 高度隐藏
+**/
+.uni-one-cut(@height: 40) {
+  height: unit(@height, rpx);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/**
+* @desc 第N行显示省略号
+* @param @line 第几行显示省略号
+* @param  @height 高度隐藏
+**/
+.uni-cut(@line:2, @height: 60) {
+  height: unit(@height, rpx);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: @line;
+  -webkit-box-orient: vertical;
+}
+
+/**
+* @desc 第N行显示省略号
+* @param @line 第几行显示省略号
+* @param  @height 高度隐藏
+**/
+.uni-max-cut(@line:2, @height: 60) {
+  max-height: unit(@height, rpx);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: @line;
+  -webkit-box-orient: vertical;
+}
+
+/**
+* @desc 页面外边距设置
+**/
+.uni-body-margin(){
+  margin: 0 unit(34,rpx);
+  box-sizing: border-box;
+}
+
+/**
+* @desc 公共圆角设置
+**/
+.uni-box-radius() {
+  border-radius: unit(15,rpx);
+}
+
+.uni-break-word() {
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre-line;
+}
+
+/**
+ * @desc 设置底部安全距离
+ */
+.safe-area() {
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+//@doMain: //image.jufubao.cn/
+//@basePath: 20220501010108/image/
+//@ptth: bg/default_gonghui_bg.png
+.getImageUrl(@path) {
+  @url: "@{doMain}@{basePath}@{path}";
+  background-image: url(@url);
+}
+
+
+