1

src/pages/activity/activityMedia.vue

@@ -83,7 +83,6 @@ export default {
     });
     let methods = {
       previewImage(i) {
-        console.log(i);
         uni.previewImage({
           urls: data.preImg,
           current: i,

src/pages/course/feedback.vue

@@ -11,7 +11,7 @@
       <view
         v-for="(item, index) in dataList"
         :key="index"
-        class="list-item flex flex_between_center"
+        class="list-item"
         @click="jumpPage(item.FeedBackId)"
       >
         <view class="feedback-info flex flex_start_center">
@@ -29,20 +29,27 @@
           </view>
           <view class="feedback-all"> {{ item.CreatetimeStr }} </view>
         </view>
-        <view class="two_line feedback-text"> {{ item.Comment }}</view>
-        <view class="flex">
+        <view class="feedback-text"> {{ item.Comment }}</view>
+        <view class="flex flex_wrap">
           <view
             v-for="(item1, index1) in item.PhotoList"
             :key="index1"
             class="feedback-img"
+            v-if="index1 === 0 || index1 === 1 || index1 === 2"
+            @click="previewImage(item.PhotoList, index1)"
           >
             <image
               :src="item1"
               style="width: 100%; height: 100%"
+              mode="aspectFill"
               v-if="index1 === 0 || index1 === 1 || index1 === 2"
             />
             <view
-              class="layer flex flex_center_center"
+              class="layer"
+              v-if="item.PhotoList.length > 3 && index1 === 2"
+            ></view>
+            <view
+              class="layer2 flex flex_center_center"
               v-if="item.PhotoList.length > 3 && index1 === 2"
               >+{{ item.PhotoList.length - 3 }}</view
             >
@@ -106,6 +113,19 @@ export default {
           data.pageState = "none";
         }
       },
+      previewImage(arr, i) {
+        uni.previewImage({
+          urls: arr,
+          current: i,
+          longPressActions: {
+            itemList: ["发送给朋友", "保存图片", "收藏"],
+            success: function (data) {},
+            fail: function (err) {
+              console.log(err.errMsg);
+            },
+          },
+        });
+      },
     };
     let that = methods;
     onMounted(() => {
@@ -133,7 +153,7 @@ export default {
   background-color: #fff;
 }
 .list-item {
-  height: 430rpx;
+  /* height: 430rpx; */
   box-sizing: border-box;
   padding: 30rpx 0;
 }
@@ -171,7 +191,10 @@ export default {
   height: 210rpx;
   border-radius: 20rpx;
   background-color: #eee;
+  overflow: hidden;
   margin-right: 30rpx;
+  box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
+  position: relative;
 }
 .feedback-img:nth-child(3n) {
   margin-right: 0rpx !important;
@@ -179,10 +202,24 @@ export default {
 .layer {
   width: 100%;
   height: 100%;
+  border-radius: 20rpx;
   background-color: #cbd9ed;
+  position: absolute;
+  top: 0;
+  right: 0;
+  opacity: 0.5;
+}
+.layer2 {
+  width: 100%;
+  height: 100%;
+  border-radius: 20rpx;
   font-size: 36rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 5;
 }
 </style>
\ No newline at end of file

src/pages/index/index.vue

@@ -6,9 +6,15 @@
     <view class="con" :style="{ 'padding-top': `${statusBarHeight}px` }">
       <view style="height: 100rpx"></view>
       <view class="personInfo flex flex_start_center">
-				<van-image round width="100rpx" height="100rpx" fit="cover"
-					:src="userinfo.UserIcon ? userinfo.UserIcon : userinfo.GroupLogo" class="headimg"
-					@click="jumpPage('/pages/login/login')" />
+        <van-image
+          round
+          width="100rpx"
+          height="100rpx"
+          fit="cover"
+          :src="userinfo.UserIcon ? userinfo.UserIcon : userinfo.GroupLogo"
+          class="headimg"
+          @click="jumpPage('/pages/login/login')"
+        />
         <view class="grow">
           <view class="name"> {{ userinfo.AccountName }} </view>
           <view class="phone">
@@ -17,16 +23,26 @@
         </view>
         <view class="saleInfo">
           <view class="info1">
-						<van-icon name="contact" size="23rpx" style="margin-right: 10rpx" />服务人员
+            <van-icon
+              name="contact"
+              size="23rpx"
+              style="margin-right: 10rpx"
+            />服务人员
           </view>
           <view class="info2 one_line">
-						<text style="margin-right: 10rpx">课程顾问</text>{{ userinfo.EnterPhone2 }}
+            <text style="margin-right: 10rpx">课程顾问</text
+            >{{ userinfo.EnterPhone2 }}
           </view>
         </view>
       </view>
       <view class="baseInfo flex flex_wrap">
-				<view class="baseInfo_item flex flex_between_center" v-for="(item, index) in baseInfo" :key="index"
-					:style="{ 'background-color': item.bgcolor }" @click="jumpPage(item.jumpUrl)">
+        <view
+          class="baseInfo_item flex flex_between_center"
+          v-for="(item, index) in baseInfo"
+          :key="index"
+          :style="{ 'background-color': item.bgcolor }"
+          @click="jumpPage(item.jumpUrl)"
+        >
           <view style="height: 100%; max-width: 120rpx">
             <view class="baseInfo_name">
               {{ item.name }}
@@ -39,54 +55,103 @@
         </view>
       </view>
       <view class="LearningGarden flex flex_wrap">
-				<view v-for="(item, index) in learnList" :key="index" class="LearningGarden-item"
-					:style="{ backgroundColor: item.bgcolor }" @click="jumpPage(item.jumpUrl)">
+        <view
+          v-for="(item, index) in learnList"
+          :key="index"
+          class="LearningGarden-item"
+          :style="{ backgroundColor: item.bgcolor }"
+          @click="jumpPage(item.jumpUrl)"
+        >
           <view class="LearningGarden-item-name">{{ item.name }}</view>
           <view class="LearningGarden-item-desc">{{ item.desc }}</view>
           <image :src="item.img" class="LearningGarden-item-img" />
         </view>
       </view>
-			<view class="title" v-if="data.indexData.FeedBackList[0].length > 0">
+      <view class="title" v-if="indexData.FeedBackList.length > 0">
         课程反馈
       </view>
-			<view class="feedback" v-if="data.indexData.FeedBackList[0].length > 0">
+      <view class="feedback" v-if="indexData.FeedBackList.length > 0">
         <view class="feedback-info flex flex_start_center">
-					<image src="" class="info-headimg" />
+          <image
+            :src="indexData.FeedBackList[0].TeacherIcon"
+            class="info-headimg"
+          />
           <view class="grow">
             <view class="teacher-name">{{
-	          data.indexData.FeedBackList[0].TeacherName
+              indexData.FeedBackList[0].TeacherName
             }}</view>
             <view class="rate">
-							<van-rate :value="data.indexData.FeedBackList[0].Score"
-								:count="data.indexData.FeedBackList[0].Score"
+              <van-rate
+                :value="indexData.FeedBackList[0].Score"
+                :count="indexData.FeedBackList[0].Score"
                 icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/rate.png"
-								void-icon="" size="24rpx" />
+                void-icon=""
+                size="24rpx"
+              />
             </view>
           </view>
-					<view class="feedback-all" @click="jumpPage('/pages/course/feedback')">
+          <view
+            class="feedback-all"
+            @click="jumpPage('/pages/course/feedback')"
+          >
             全部
             <van-icon name="arrow" style="margin-left: 30rpx" />
           </view>
         </view>
         <view class="two_line feedback-text">
-					{{ data.indexData.FeedBackList[0].Comment }}
+          {{ indexData.FeedBackList[0].Comment }}
         </view>
         <view class="flex">
-					<view v-for="(item, index) in data.indexData.FeedBackList[0].PhotoList" :key="index">
-						<image :src="item" class="feedback-img" v-if="index === 0 || index === 1 || index === 2">
+          <view
+            v-for="(item, index) in indexData.FeedBackList[0].PhotoList"
+            :key="index"
+            v-if="index === 0 || index === 1 || index === 2"
+            class="feedback-img"
+          >
+            <image
+              :src="item"
+              style="width: 100%; height: 100%"
+              mode="aspectFill"
+              v-if="index === 0 || index === 1 || index === 2"
+            >
             </image>
-						<view class="layer flex flex_center_center" v-if="item.PhotoList.length > 3 && index === 2">
-							+{{ item.PhotoList.length - 3 }}</view>
+            <view
+              class="layer"
+              v-if="
+                indexData.FeedBackList[0].PhotoList.length > 3 && index === 2
+              "
+            ></view>
+            <view
+              class="layer2 flex flex_center_center"
+              v-if="
+                indexData.FeedBackList[0].PhotoList.length > 3 && index === 2
+              "
+            >
+              +{{ indexData.FeedBackList[0].PhotoList.length - 3 }}</view
+            >
           </view>
         </view>
       </view>
       <view class="activeContent">
-				<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" indicator-color="#CCCCCC" indicator-active-color="#000000" :vertical="true">
-					<swiper-item v-for="(item,index) in ActivityList" :key="index">
-						<view class="swiperList" :style="{'background-image': item.CoverImg? `url(${item.CoverImg})`
-					: `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`}">
-							<view class="swiper_Time">{{item.BMStart}}</view>
-							<view class="swiper_Name">{{item.ActivityName}}</view>
+        <swiper
+          class="swiper"
+          :indicator-dots="indicatorDots"
+          :autoplay="autoplay"
+          indicator-color="#CCCCCC"
+          indicator-active-color="#000000"
+          :vertical="true"
+        >
+          <swiper-item v-for="(item, index) in ActivityList" :key="index">
+            <view
+              class="swiperList"
+              :style="{
+                'background-image': item.CoverImg
+                  ? `url(${item.CoverImg})`
+                  : `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`,
+              }"
+            >
+              <view class="swiper_Time">{{ item.BMStart }}</view>
+              <view class="swiper_Name">{{ item.ActivityName }}</view>
             </view>
           </swiper-item>
         </swiper>
@@ -94,9 +159,13 @@
       <view class="timetable">
         <view class="timetable_item flex flex_between_center">
           <text class="timetable_title">我的课表</text>
-					<view class="timetable_btn" @click="
+          <view
+            class="timetable_btn"
+            @click="
               jumpPage(`/pages/course/timeTable?classId=${indexData.ClassId}`)
-            " v-if="indexData.ClassPlan.TimeStart">
+            "
+            v-if="indexData.ClassPlan.TimeStart"
+          >
             全部
             <van-icon name="arrow" style="margin-left: 30rpx" />
           </view>
@@ -131,9 +200,12 @@
       </view>
       <van-cell-group :border="false">
         <van-cell title="我的考试" title-class="title" :border="false">
-					<view class="value" @click="
+          <view
+            class="value"
+            @click="
               jumpPage(`/pages/exam/examPaperList?Id=${indexData.GuestId}`)
-            ">
+            "
+          >
             查看更多
           </view>
         </van-cell>
@@ -142,11 +214,17 @@
         <van-empty description="暂无数据" />
       </view>
       <view class="mytest flex" v-if="indexData.paperList.length > 0">
-				<view v-for="(item, index) in indexData.paperList" :key="index" class="test-item no_shrink" :style="{
+        <view
+          v-for="(item, index) in indexData.paperList"
+          :key="index"
+          class="test-item no_shrink"
+          :style="{
             'background-image': item.PicList[0]
               ? `url(${item.PicList[0]})`
               : `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`,
-          }" @click="getItemStatus(item)">
+          }"
+          @click="getItemStatus(item)"
+        >
           <view class="testName">
             {{ item.PaperName }}
           </view>
@@ -163,12 +241,15 @@
               />
               <view class="teacherName">{{ indexData.TeacherName }}</view> -->
             </view>
-						<view class="test-status" :class="{
+            <view
+              class="test-status"
+              :class="{
                 'status-blue': item.ExamStatusStr == '未开始',
                 'status-green': item.ExamStatusStr == '已开始',
                 'status-black': item.ExamStatusStr == '完成',
                 'status-red': item.ExamStatusStr == '缺考',
-              }">
+              }"
+            >
               {{ item.ExamStatusStr }}
             </view>
           </view>
@@ -180,7 +261,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -190,27 +271,22 @@
   computed,
   onMounted,
   provide,
-	} from "vue";
-	import {
-		getIndexInfo
-	} from "../../api/index";
-	import {
-		getActivityList
-	} from "../../api/activity"
-	import {
-		desensitization
-	} from "../../utils/index";
-	export default {
+} from "vue";
+import { getIndexInfo } from "../../api/index";
+import { getActivityList } from "../../api/activity";
+import { desensitization } from "../../utils/index";
+export default {
   setup(props) {
-			let {
-				proxy
-			} = getCurrentInstance();
+    let { proxy } = getCurrentInstance();
     proxy.$isLogin();
     let data = reactive({
       statusBarHeight: 0,
       userinfo: {},
-				indexData: {},
-				baseInfo: [{
+      indexData: {
+        FeedBackList: [],
+      },
+      baseInfo: [
+        {
           name: "学区",
           desc: "",
           img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/icon2.png",
@@ -254,7 +330,8 @@
         },
       ],
       // 学习园地
-				learnList: [{
+      learnList: [
+        {
           name: "日语学习园地",
           desc: "日本語の勉強",
           bgcolor: "#F6E5FE",
@@ -266,7 +343,7 @@
           desc: "정원",
           bgcolor: "#FEF5D6",
           img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/garden2.png",
-						jumpUrl: "/pages/exam/examScore",
+          jumpUrl: "/pages/course/feedback",
         },
       ],
       indicatorDots: true, //是否显示轮播指示点
@@ -277,8 +354,9 @@
         ActivityType: 0,
         SelectIsEnd: 0,
       },
-				ActivityList: [] //活动数据
+      ActivityList: [], //活动数据
     });
+
     let methods = {
       jumpPage(url) {
         uni.navigateTo({
@@ -306,7 +384,7 @@
       },
       async getActivityData() {
         let res = await getActivityList(data.ActiveMsg);
-					console.log(res, '数据');
+        console.log(res, "数据");
         if (res.resultCode == 1) {
           data.ActivityList = res.data.pageData;
         }
@@ -365,47 +443,47 @@
       imageUrl: "",
     };
   },
-	};
+};
 </script>
 
 <style scoped>
-	.con {
+.con {
   box-sizing: border-box;
   padding: 100rpx 30rpx 50rpx;
-	}
+}
 
-	.page-title {
+.page-title {
   font-size: 44rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #0f1b35;
-	}
+}
 
-	.personInfo {
+.personInfo {
   height: 100rpx;
   position: relative;
   margin-bottom: 50rpx;
-	}
+}
 
-	.headimg {
+.headimg {
   margin-right: 30rpx;
-	}
+}
 
-	.name {
+.name {
   font-size: 30rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #0f1b35;
-	}
+}
 
-	.phone {
+.phone {
   font-size: 26rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #999999;
-	}
+}
 
-	.saleInfo {
+.saleInfo {
   /* width: 200rpx; */
   height: 66rpx;
   background-color: #00acf9;
@@ -419,23 +497,23 @@
   padding: 0 20rpx;
   font-family: PingFang SC;
   color: #ffffff;
-	}
+}
 
-	.saleInfo .info1 {
+.saleInfo .info1 {
   text-align: center;
   font-size: 22rpx;
   font-weight: bold;
-	}
+}
 
-	.saleInfo .info2 {
+.saleInfo .info2 {
   font-size: 20rpx;
-	}
+}
 
-	.baseInfo {
+.baseInfo {
   margin-bottom: 10rpx;
-	}
+}
 
-	.baseInfo_item {
+.baseInfo_item {
   width: 220rpx;
   height: 140rpx;
   border-radius: 20rpx;
@@ -443,28 +521,28 @@
   padding: 38rpx 20rpx;
   margin-right: 15rpx;
   margin-bottom: 30rpx;
-	}
+}
 
-	.baseInfo .baseInfo_item:nth-child(3n) {
+.baseInfo .baseInfo_item:nth-child(3n) {
   margin-right: 0rpx;
-	}
+}
 
-	.baseInfo_name {
+.baseInfo_name {
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #0f1b35;
   margin: -7rpx 0 3rpx 0;
-	}
+}
 
-	.baseInfo_desc {
+.baseInfo_desc {
   font-size: 22rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #333e52;
-	}
+}
 
-	.timetable {
+.timetable {
   height: 360rpx;
   background-image: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/coursebg.png");
   background-size: cover;
@@ -475,52 +553,52 @@
   box-sizing: border-box;
   padding: 30rpx 30rpx 0 50rpx;
   margin-bottom: 50rpx;
-	}
+}
 
-	.timetable_item {
+.timetable_item {
   color: #fff;
   margin-bottom: 20rpx;
-	}
+}
 
-	.timetable_title {
+.timetable_title {
   font-size: 32rpx;
   font-family: PingFang SC;
   font-weight: bold;
-	}
+}
 
-	.timetable_btn {
+.timetable_btn {
   font-size: 24rpx;
   font-family: PingFang SC;
   /* font-weight: 500; */
-	}
+}
 
-	.timetable_item2 {
+.timetable_item2 {
   color: #fff;
   margin-bottom: 20rpx;
   font-size: 26rpx;
   font-family: PingFang SC;
   font-weight: 500;
-	}
+}
 
-	/deep/.title {
+/deep/.title {
   font-size: 32rpx;
   font-family: PingFang SC;
   font-weight: 800;
   color: #0f1b35;
-	}
+}
 
-	/deep/.value {
+/deep/.value {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #333f53;
-	}
+}
 
-	/deep/.van-cell {
+/deep/.van-cell {
   padding: 0;
-	}
+}
 
-	.mytest {
+.mytest {
   width: 720rpx;
   height: 250rpx;
   margin-top: 30rpx;
@@ -528,9 +606,9 @@
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   transition: all 0.5s;
-	}
+}
 
-	.test-item {
+.test-item {
   width: 620rpx;
   height: 250rpx;
   box-sizing: border-box;
@@ -545,24 +623,24 @@
   padding-top: 60rpx;
   padding-left: 44rpx;
   position: relative;
-	}
+}
 
-	.testName {
+.testName {
   font-size: 40rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #0f1b35;
   margin-bottom: 20rpx;
-	}
+}
 
-	.testTime {
+.testTime {
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #0f1b35;
-	}
+}
 
-	.teacherInfo-bg {
+.teacherInfo-bg {
   position: absolute;
   left: 0;
   bottom: 0;
@@ -571,9 +649,9 @@
   background-image: linear-gradient(90deg, #000000, #ffffff);
   opacity: 0.4;
   z-index: 1;
-	}
+}
 
-	.teacherInfo {
+.teacherInfo {
   position: absolute;
   left: 0;
   bottom: 0;
@@ -582,45 +660,45 @@
   z-index: 2;
   box-sizing: border-box;
   padding: 0 30rpx;
-	}
+}
 
-	.teacherName {
+.teacherName {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #ffffff;
   margin-left: 10rpx;
-	}
+}
 
-	.test-status {
+.test-status {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: bold;
   /* color: #00acf9; */
-	}
+}
 
-	.status-blue {
+.status-blue {
   color: #00acf9;
-	}
+}
 
-	.status-green {
+.status-green {
   color: #00df9f;
-	}
+}
 
-	.status-black {
+.status-black {
   color: #111111;
-	}
+}
 
-	.status-red {
+.status-red {
   color: #ff3816;
-	}
+}
 
-	.LearningGarden {
+.LearningGarden {
   box-sizing: border-box;
   margin-bottom: 10rpx;
-	}
+}
 
-	.LearningGarden-item {
+.LearningGarden-item {
   width: 330rpx;
   height: 140rpx;
   border-radius: 20rpx;
@@ -629,106 +707,120 @@
   box-sizing: border-box;
   padding: 30rpx 20rpx;
   position: relative;
-	}
+}
 
-	.LearningGarden .LearningGarden-item:nth-child(2n) {
+.LearningGarden .LearningGarden-item:nth-child(2n) {
   margin-right: 0rpx !important;
-	}
+}
 
-	.LearningGarden-item-name {
+.LearningGarden-item-name {
   width: 220rpx;
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #0f1b35;
-	}
+}
 
-	.LearningGarden-item-desc {
+.LearningGarden-item-desc {
   width: 220rpx;
   font-size: 22rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #333e52;
   margin-top: 10rpx;
-	}
+}
 
-	.LearningGarden-item-img {
+.LearningGarden-item-img {
   width: 64rpx;
   height: 66rpx;
   position: absolute;
   top: 38rpx;
   right: 20rpx;
-	}
+}
 
-	.feedback {
+.feedback {
   margin: 30rpx 0;
-	}
+}
 
-	.feedback-info {
+.feedback-info {
   height: 60rpx;
-	}
+}
 
-	.info-headimg {
+.info-headimg {
   width: 60rpx;
   height: 60rpx;
   background-color: #c4a1a1;
   border-radius: 50%;
   margin-right: 20rpx;
-	}
+}
 
-	.teacher-name {
+.teacher-name {
   font-size: 26rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #111111;
-	}
+}
 
-	.feedback-all {
+.feedback-all {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #999999;
-	}
+}
 
-	.feedback-text {
+.feedback-text {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 400;
   color: #111111;
   margin: 20rpx 0;
-	}
+}
 
-	.feedback-img {
+.feedback-img {
   width: 210rpx;
   height: 210rpx;
   border-radius: 20rpx;
   background-color: #eee;
   margin-right: 30rpx;
-	}
+  position: relative;
+}
 
-	.feedback-img:nth-child(3n) {
+.feedback-img:nth-child(3n) {
   margin-right: 0rpx !important;
-	}
+}
 
-	.layer {
+.layer {
   width: 210rpx;
   height: 210rpx;
+  border-radius: 20rpx;
   background-color: #cbd9ed;
+  opacity: 0.5;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.layer2 {
+  width: 210rpx;
+  height: 210rpx;
+  border-radius: 20rpx;
   font-size: 36rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
-	}
-
-	.activeContent {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 5;
+}
+.activeContent {
   width: 100%;
   height: 250rpx;
   border-radius: 20rpx;
   margin-bottom: 30rpx;
   overflow: hidden;
-	}
+}
 
-	.swiperList {
+.swiperList {
   position: relative;
   width: 100%;
   height: 100%;
@@ -737,27 +829,27 @@
   background-position: center;
   box-sizing: border-box;
   overflow: hidden;
-		color:#fff;
+  color: #fff;
   border-radius: 20rpx;
-	}
-	.swiper_Time{
+}
+.swiper_Time {
   position: absolute;
-		top:20rpx;
-		right:40rpx;
-	}
-	.swiper_Name {
+  top: 20rpx;
+  right: 40rpx;
+}
+.swiper_Name {
   position: absolute;
   bottom: 45rpx;
   left: 30rpx;
-	}
-	/* .swiper /deep/ .wx-swiper-dots{
+}
+/* .swiper /deep/ .wx-swiper-dots{
 		position: relative;
 		right:-380px;
 		top:20px;
 	} */
-	.swiper /deep/ .wx-swiper-dot{
-		width:10rpx;
-		height:10rpx;
-		margin-right:0;
-	}
+.swiper /deep/ .wx-swiper-dot {
+  width: 10rpx;
+  height: 10rpx;
+  margin-right: 0;
+}
 </style>