瀏覽代碼

课程样式修改

tanxue 4 月之前
父節點
當前提交
dbc79f8cfb
共有 2 個文件被更改,包括 21 次插入13 次删除
  1. 12 1
      common/styles/global/pages.scss
  2. 9 12
      pages/client/Kecheng/list.vue

+ 12 - 1
common/styles/global/pages.scss

@@ -163,7 +163,18 @@
 		.item-view-btn {width:220rpx;font-size: 26rpx;background-color: #3fd2a1;}
 	}
 }
-	
+
+.kecheng-list{
+	.kecheng-list-card-box{
+		display: flex;align-items: center;
+		img{width: 300rpx;max-height: 260rpx;margin-right: 32rpx;}
+		.card-right-box{
+			font-size: 28rpx;
+			view{color: #666;line-height: 1.6;}
+			.card-name{color: #333;font-weight: 600;}
+		}
+	}
+}	
 /*** 进入考试页面***/
 .phone-kaoshi-page {
 		height: 100vh;display: flex;flex-direction: column;background-color: #f4f6fa;position: relative;

+ 9 - 12
pages/client/Kecheng/list.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="phone-list-page">
+	<view class="phone-list-page kecheng-list">
 		<view class="icon-title-bjcolor-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">课程管理</text>
@@ -9,19 +9,16 @@
 			:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh"
 			class="phone-scroll-view">
 			<uni-list class="admin-list-box">
-				<uni-list-item v-for="item in data.list" class="admin-list-item-box">
+				<uni-list-item v-for="item in data.list" class="admin-list-item-box" @click="checkKecheng(item)">
 					<template v-slot:body>
-						<view class="item-card-row">
-							<!-- 数量 -->
-							<view class="ks-item-top">
-								<view>{{item.zyName}}</view>
-								<view class="ks-zyLevelName">{{item.zyLevelName}}</view>
+						<view class="kecheng-list-card-box">
+							<img :src="item.pic">
+							<view class="card-right-box">
+								<view class="card-name">{{item.zyName}}</view>
+								<view>{{item.zyName}}{{item.zyLevelName}}</view>
+								<view>课时:{{formatSecondsToCnhms(item.period, true)}}</view>
+								<view>{{item.createTime}}</view>
 							</view>
-							<view class="ks-totalTm">
-								<icon class="phone-time-icon" />时间:{{formatSecondsToCnhms(item.period, true)}}
-							</view>
-							<button @click="checkKecheng(item)" type="primary" size="mini"
-								class="item-view-btn">查看内容</button>
 						</view>
 					</template>
 				</uni-list-item>