diff --git a/epmet-oper-web/debug.log b/epmet-oper-web/debug.log new file mode 100644 index 0000000..07bae29 --- /dev/null +++ b/epmet-oper-web/debug.log @@ -0,0 +1 @@ +[1228/131807.836:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/duck.jpg b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/duck.jpg new file mode 100644 index 0000000..3d6a266 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/duck.jpg differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/girl.jpg b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/girl.jpg new file mode 100644 index 0000000..278df0a Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/girl.jpg differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/good.jpg b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/good.jpg new file mode 100644 index 0000000..e0648b0 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/good.jpg differ diff --git a/epmet-oper-web/src/assets/scss/c/function.scss b/epmet-oper-web/src/assets/scss/c/function.scss index d6d3819..0a652d7 100644 --- a/epmet-oper-web/src/assets/scss/c/function.scss +++ b/epmet-oper-web/src/assets/scss/c/function.scss @@ -204,3 +204,65 @@ .f-pl-10 { padding-left: 10px; } +//鍏氬憳绉垎鎺掕姒 +@mixin img123 { + width:20px; + height: 20px; + border-radius: 50%; + position: absolute; + display: block; + z-index: 10; +} +@mixin shuzi_123 { + position: absolute; + font-size: 16px; + color: white; + display: block; + z-index: 10; + margin-top: 75px; +} +@mixin img_small12 { + width: 67.15px; + height: 67.15px; + position: absolute; + display: block; + top: 4px; + border-radius: 100%; +} +@mixin img_123 { + background-color: #ffffff; + border-radius: 50%; + position: relative; + display: block; + box-shadow: 1px 1px 5px 2px #cecece; +} +@mixin list_12 { + text-align: left; + color: #b9b9b9; + font-size: 12px; +} +@mixin name_123 { + position: absolute; + width: 40px; + font-size: 16px; + color: black; + display: block; + z-index: 10; + margin-top: 60px; +} +@mixin jifen { + position: absolute; + width: 40px; + font-size: 16px; + color: black; + display: block; + z-index: 10; + margin-top: 40px; + +} +@mixin list { + list-style-type: none; + position: absolute; + padding: 0px; +} + diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss index 4e15641..378e09e 100644 --- a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss +++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss @@ -1160,4 +1160,354 @@ -ms-border-radius: 50%; -o-border-radius: 50%; } -} \ No newline at end of file +} + +//鍏氬憳绉垎鎺掕姒 + +.mw-cpt-party{ + position: relative; + margin-top: 10px; + .d-cpt-wrap { + width: 100%; + overflow: hidden; + .d-cpt-title { + + position: relative; + margin: 10px 10px 0 10px; + padding: 7px 10px 13px; + font-size: 17px; + line-height: 15px; + font-family: PingFang SC; + font-weight: bold; + color: rgba(51, 51, 51, 1); + border-bottom: 1px solid #e7eeee; + + &::before { + content: ""; + position: absolute; + top: 7px; + left: 0; + width: 3px; + height: 15px; + background: rgba(230, 0, 0, 1.0); + border-radius: 3px; + } + } + + .rank_title{ + margin:0px 15px 0px; + display: flex; + padding:0px 0px; + .rank_title_left{ + margin-left: 25px; + margin-top: 10px; + width:30%; + font-size: 16px; + text-align: center; + font-family: PingFang SC; + padding:0px 0px 0px 0px; + font-weight: 600; + color: rgb(0, 0, 0); + } + .red_line{ + height: 3px; + width: 30px; + background-color: red; + position: absolute; + margin-left: 56px; + margin-top: 33px; + border-radius:4px; + } + .rank_title_right{ + margin-left: 70px; + margin-top: 12px; + width:30%; + font-size: 14px; + text-align: center; + font-family: PingFang SC; + padding:0px 0px 0px 0px; + font-weight: 500; + color: rgb(139, 139, 139); + } + } + .rank_img_score{ + margin:0px 0px ; + .title_list{ + display: flex; //寮规у竷灞锛屾墍鏈夌殑瀛愬厓绱犺嚜鍔ㄦ垚涓哄鍣ㄦ垚鍛 + >span{ + margin-left: 40px; + width:30%; + font-size: 15px; + text-align: center; + font-family: PingFang SC; + padding:5px 10px; + font-weight: 300; + color: rgb(0, 0, 0); + } + } + .list { + width: 327px; + height: 160px; + .item{ + position: relative; + float: left; + border-radius: 10px; + background-color: white; + margin-left: 0px; + margin-top: 15px; + width: 33.33%; + .d-group-logo { + position: absolute; + left: 8px; + top: 74px; + width: 10px; + height: 10px; + line-height: 22px; + text-align: center; + .logo1{ + @include img123; + background-color: #f14805; + left: 45px; + } + .logo2{ + @include img123; + background-color: #ff0606; + left: 36px; + } + .logo3{ + @include img123; + background-color: #ffa515; + left: 30px; + } + span { + position: absolute; + z-index: 10; + font-size: 16px; + font-style: italic; + color: white; + width:17px; + height: 17px; + margin-left: 50px; + position: absolute; + display: block; + } + } + .d-group-rank{ + position: absolute; + .rank_1{ + @include shuzi_123; + margin-left: 59px; + } + .rank_2{ + @include shuzi_123; + margin-left: 50px; + } + .rank_3{ + margin-left: 44px; + @include shuzi_123; + } + } + .d-group-name{ + position: absolute; + .name_1{ + margin-left: 47px; + @include name_123; + } + .name_2{ + margin-left: 39px; + @include name_123; + } + .name_3{ + margin-left: 33px; + @include name_123; + } + } + .d-group-score{ + position: absolute; + .score_1{ + margin-left: 50px; + @include jifen; + } + .score_2{ + margin-left: 42px; + @include jifen; + } + .score_3{ + margin-left: 36px; + @include jifen; + } + } + + .d-group-imgback{ + position: absolute; + margin-top: 0.5px; + .back_1{ + width:75px; + height: 75px; + left: 24px; + top: 9.5px; + @include img_123; + } + .back_2{ + @include img_123; + width:88px; + height: 88px; + left: 9px; + top: 0px; + } + .back_3{ + width:75px; + height: 75px; + left: 9px; + top: 9.5px; + @include img_123; + } + } + .d-group-img { + position: relative; + margin-top: 10px ; + width: 50px; + height: 50px; + margin-left: 0px; + .img1{ + @include img_small12; + left: 28px; + right: 0; + bottom: 0; + } + .img2{ + width: 79.5px; + height: 79.5px; + position: absolute; + display: block; + top: 19px; + left: 13.3px; + right: 0; + bottom: 0px; + margin: auto; + border-radius: 100%; + } + .img3{ + @include img_small12; + left: 13px; + right: 5; + bottom: 5; + } + } + } + } + } + + .m-box{ + width: 328px; + height: 455px; + background-color: white; + position: relative; + float: left; + border-radius: 10px; + margin: 0px 15px 0 15px; + box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26); + .list-more{ + .list1{ + @include list; + width: 310px; + margin-left: 8px; + margin-top: 4px; + .list_1{ + float: left; + margin: 2px; + width: 36px; + @include list_12; + } + .list_2{ + float: left; + margin: 2px 2px 2px 138px; + width: 48px; + @include list_12; + } + } + .list2{ + @include list; + width: 50px; + margin-left: 12px; + margin-top: 32px; + >li{ + + text-align: left; + margin-left: 3px; + margin-bottom: 16px; + font-size: 17px; + font-style: italic; + width: 19px; + height: 24px; + font-weight: bold; + font-style: italic; + color: #333333; + + } + } + .list3{ + position: absolute; + margin-top: 30px; + width: 50px; + margin-left: 49px; + >img{ + margin-left: 0px; + margin-bottom: 13px; + width: 26px; + height: 26px; + border-radius: 25px; + } + } + + .list4{ + @include list; + width: 50px; + margin-left: 85px; + margin-top: 30px; + >li{ + text-align: left; + margin-left: 5px; + margin-bottom: 20px; + font-size: 14px; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 20px; + } + } + .list5{ + @include list; + width: 50px; + margin-left: 265px; + margin-top: 30px; + >li{ + text-align: left; + margin-left: 3px; + margin-bottom: 20px; + font-size: 14px; + color: rgba(51, 51, 51, 1); + line-height: 20px; + } + } + .line{ + width: 310px; + border-bottom: 1px solid #e7eeee; + margin-left: 15px; + margin-top: 220px; + position: absolute; + } + .list6{ + @include list; + width: 60px; + margin-left: 145px; + margin-top: 230px; + text-align: center; + font-size: 13px; + color: #b9b9b9; + } + } + + } + } + } \ No newline at end of file diff --git a/epmet-oper-web/src/components/wx-index/cpt-item.vue b/epmet-oper-web/src/components/wx-index/cpt-item.vue index 7092f17..21fc99f 100644 --- a/epmet-oper-web/src/components/wx-index/cpt-item.vue +++ b/epmet-oper-web/src/components/wx-index/cpt-item.vue @@ -342,7 +342,119 @@ - + + + +
+
+
鍏氬憳绉垎鎺掕姒
+
+
+

韬竟鍏氬憳

+
+

绀惧尯鍏氬憳

+
+
+
+
+ + +
+ 2 + 1 + 3 + +
+ +
+
+
+
+
+
+ + + +
+ +
+ 776 + 886 + 996 +
+
+ 鏌愭煇 + 鏌愭煇 + 鏌愭煇 + +
+
+
+ +
+
+
    +
  • 鎺掑悕
    • +
  • 澶村儚
    • +
  • 濮撳悕
    • +
  • 褰撴湀绉垎
    • + +
+
    +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
  • 8
    • +
+
+ + + + + +
+
    +
  • 鏌愭煇
    • +
  • 鏌愭煇鏌
    • +
  • 鏌愭煇
    • +
  • 鏌愭煇鏌
    • +
  • 鏌愭煇鏌
    • +
+
    +
  • 656
    • +
  • 456
    • +
  • 999
    • +
  • 887
    • +
  • 887
    • +
+
+ 鏌ョ湅鏇村 +
+
+
+
+ +