//例如：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: '';//已废弃

@xd-skeleton-color: #F2F2F2;

.skeleton-item(@width: 100%, @height: 40rpx, @radius: 20rpx, @bgColor: @xd-skeleton-color){
  width: @width;
  height: @height;
  border-radius: @radius;
  background-color: @bgColor;
}


/**
* @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);
}