saas_miniprogram/pages/course/index.vue

<template>
  <view class="study-center">
    <u-navbar
      :is-back="false"
      title="学习中心"
      class="navbar"
      :border-bottom="false"
      title-color="#333333"
      back-icon-color="#ffffff"
    >
      <view class="slot-wrap">
        <image
          src="/static/logo2.png"
          style="width: 178rpx; height: 31rpx; margin-left: 30rpx"
        ></image>
      </view>
    </u-navbar>
		
		<view class="no-course" v-if="false">
			<image class="img" src="/static/no-course.png" mode="widthFix"></image>
			<view class="title">暂无学习内容</view>
			<view class="title">请先购买课程/题库</view>
			<view class="btn" @click="goIndex">马上选课/选题</view>
		</view>
		
		<view class="note-list">
			<view class="text">继续教育-建造师-二级</view>
			<u-icon name="arrow-down"></u-icon>
		</view>
		
		<view class="note-modal">
			
		</view>
  </view>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  components: {},
  data() {
    return {
      
    };
  },
  onPullDownRefresh() {
    
  },
  onLoad(option) {
    
  },
  methods: {
    goIndex() {
			uni.switchTab({
				url:'../index/index'
			})
		}
  },
  onReachBottom() {
    
  },
  computed: { ...mapGetters(["userInfo"]) },
};
</script>
<style >
page {
  background-color: #EAEEF1;
}
</style>
<style scoped lang="scss">
.study-center {
	
	.navbar {
		
		/deep/ .u-navbar-inner {
			margin-right: 0 !important;
		}
		
		.slot-wrap {
			width: 100%;
		}
	}
	
	.no-course {
		margin: 80rpx auto 0;
		text-align: center;
		
		.img {
			width:360rpx;
		}
		
		.title {
			margin-top:10rpx;
			font-size: 32rpx;
			text-align: center;
			color: #999999;
		}
		
		.btn {
			margin:40rpx auto 0;
			width: 280rpx;
			text-align: center;
			line-height: 64rpx;
			color:#fff;
			font-size: 30rpx;
			height: 64rpx;
			background: #007AFF;
			border-radius: 32rpx;
		}
	}
	
	
	.note-list {
		height: 80rpx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		padding:0 32rpx;
		
		.text {
			flex:1;
		}
	}
	
	.note-modal {
		position:absolute;
		
	}
	
	.course-list {
		
	}
}

</style>