|
|
@@ -0,0 +1,60 @@
|
|
|
+/******************** 这里放组件样式 ********************/
|
|
|
+
|
|
|
+/***** view *****/
|
|
|
+view{box-sizing: border-box;}
|
|
|
+
|
|
|
+/***** 对齐方式 *****/
|
|
|
+.ezy-tl{text-align: left;}
|
|
|
+.ezy-tc{text-align: center;}
|
|
|
+.ezy-tr{text-align: right;}
|
|
|
+
|
|
|
+/***** 超出省略 *****/
|
|
|
+// 文本超出省略号显示 (一行)
|
|
|
+@mixin single-line-ellipsis() {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
|
|
|
+// 文本超出省略号显示 (多行)
|
|
|
+@mixin multi-line-ellipsis($rows: 3){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
|
|
|
+
|
|
|
+/***** 页面背景图 *****/
|
|
|
+// no-repeat cover
|
|
|
+@mixin ezy-no-repeat-cover($position: center) {
|
|
|
+ background-position: $position;background-size: cover;background-repeat: no-repeat;
|
|
|
+}
|
|
|
+// no-repeat contain
|
|
|
+@mixin ezy-no-repeat-contain($position: center) {
|
|
|
+ background-position: $position;background-size: contain;background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/***** 标题栏 *****/
|
|
|
+// 三个元素
|
|
|
+.ezy-navBar-box{
|
|
|
+ display: flex;align-items: center;justify-content: space-between;
|
|
|
+ padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
+ .nav-bar-icon{
|
|
|
+ width: 24rpx;height: 38rpx;
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
|
|
+ .nav-bar-title{font-size: 36rpx;color: #333;}
|
|
|
+ // 考试数字
|
|
|
+ .nav-bar-other{
|
|
|
+ font-size: 30rpx;color: #fff;margin-right: 2%;
|
|
|
+ .key-note{color: #ffff01;}
|
|
|
+ }
|
|
|
+ // 文字按钮
|
|
|
+ .text-btn{font-size: 26rpx;color: #666;padding-top: 4rpx;box-sizing: border-box;}
|
|
|
+}
|
|
|
+// 两个元素
|
|
|
+.icon-title-navBar-box{
|
|
|
+ display: flex;align-items: center;justify-content: center;
|
|
|
+ padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
+ .nav-bar-title{
|
|
|
+ font-size: 36rpx;height: 63rpx;line-height: 63rpx;color: #333;max-width: 70%;
|
|
|
+ }
|
|
|
+ .nav-bar-icon{
|
|
|
+ width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: 12rpx;
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
|
|
+}
|
|
|
+// 仅一个返回按钮
|
|
|
+.ezy-nav-bar-icon{width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: var(--status-bar-height);
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
wangxy
