|
@@ -42,19 +42,26 @@
|
|
|
</div>
|
|
|
</span>
|
|
|
<!--通知彈窗區域-->
|
|
|
- <!-- <span class="dropdown"> -->
|
|
|
<MenuItem name="6" @click.native="noData" :title="$t('studentWeb.type.note')">
|
|
|
<span class="info-badge" v-if="MyNo != 6"></span>
|
|
|
- <svg-icon icon-class="bell" class="tabIcon1" />
|
|
|
+ <div class="dev-top">
|
|
|
+ <svg-icon icon-class="bell" class="tabIcon1" />
|
|
|
+ <span class="develop">{{ $t("studentWeb.public.develop") }}</span>
|
|
|
+ </div>
|
|
|
</MenuItem>
|
|
|
- <!-- </span> -->
|
|
|
<!-- hiteach课堂记录 -->
|
|
|
<MenuItem name="5" @click.native="noData" :title="$t('studentWeb.type.hiteach')">
|
|
|
- <svg-icon icon-class="hiteach" class="tabIcon4" />
|
|
|
+ <div class="dev-top">
|
|
|
+ <svg-icon icon-class="hiteach" class="tabIcon4" />
|
|
|
+ <span class="develop">{{ $t("studentWeb.public.develop") }}</span>
|
|
|
+ </div>
|
|
|
</MenuItem>
|
|
|
<!-- 自主学习 -->
|
|
|
<MenuItem name="3" @click.native="noData" :title="$t('studentWeb.type.studyview')">
|
|
|
- <svg-icon icon-class="note" class="tabIcon1" />
|
|
|
+ <div class="dev-top">
|
|
|
+ <svg-icon icon-class="note" class="tabIcon1" />
|
|
|
+ <span class="develop">{{ $t("studentWeb.public.develop") }}</span>
|
|
|
+ </div>
|
|
|
</MenuItem>
|
|
|
<MenuItem name="4" to="/studentWeb/eventView" :title="$t('studentWeb.type.activity')">
|
|
|
<svg-icon icon-class="selflearning" class="tabIcon2" />
|
|
@@ -62,21 +69,6 @@
|
|
|
<MenuItem name="1" to="/studentWeb/homeView" :title="$t('studentWeb.type.home')">
|
|
|
<svg-icon icon-class="home" class="tabIcon3" />
|
|
|
</MenuItem>
|
|
|
- <!-- 加入课程 -->
|
|
|
- <!-- <button class="addcoursebtn"
|
|
|
- @click='sentcourseID()'
|
|
|
- v-if="isAddClass">
|
|
|
- {{$t("studentWeb.home.joinClass")}}
|
|
|
- </button>
|
|
|
- <input maxlength="6"
|
|
|
- class="addcourseinput"
|
|
|
- v-model="courseID"
|
|
|
- :placeholder="$t('studentWeb.home.classPla')"
|
|
|
- v-if="isAddClass" />
|
|
|
- <div class="clearinput">
|
|
|
- <Icon @click="clearInput()" v-if="isTyping" type="md-close" />
|
|
|
- </div> -->
|
|
|
- <!-- 加入课程 -->
|
|
|
</Menu>
|
|
|
</div>
|
|
|
<!-- 小屏幕 -->
|
|
@@ -117,10 +109,6 @@
|
|
|
isRouterAlive: true,
|
|
|
windowWidth: window.innerWidth,
|
|
|
windowHeight: window.innerHeight,
|
|
|
- bgc: "red",
|
|
|
- active: false,
|
|
|
- mockdata: "",
|
|
|
- isClickInfoPop: false,
|
|
|
isTyping: false,
|
|
|
curRole: '',
|
|
|
users: '',
|
|
@@ -152,9 +140,9 @@
|
|
|
watch: {
|
|
|
courseID: function (value) {
|
|
|
if (value != "") {
|
|
|
- this.isTyping = true;
|
|
|
+ this.isTyping = true
|
|
|
} else if (value == "") {
|
|
|
- this.isTyping = false;
|
|
|
+ this.isTyping = false
|
|
|
}
|
|
|
},
|
|
|
},
|
|
@@ -174,9 +162,6 @@
|
|
|
sentcourseID() {
|
|
|
this.$store.commit('searchCourseIDforAdd', this.courseID.trim())
|
|
|
},
|
|
|
- clearInput() {
|
|
|
- this.courseID = "";
|
|
|
- },
|
|
|
onResize() {
|
|
|
this.windowWidth = window.innerWidth;
|
|
|
this.windowHeight = window.innerHeight;
|
|
@@ -186,17 +171,9 @@
|
|
|
return "#f0f0f0";
|
|
|
}
|
|
|
},
|
|
|
- mouseOver: function () {
|
|
|
- this.active = !this.active;
|
|
|
- },
|
|
|
clickSidebarToggle() {
|
|
|
this.$store.commit("ToggleSidebar");
|
|
|
},
|
|
|
- changeBgc() {
|
|
|
- if (this.MyNo == "4") {
|
|
|
- return true;
|
|
|
- }
|
|
|
- },
|
|
|
noData() {
|
|
|
this.$Message.warning(this.$t("studentWeb.public.notice"))
|
|
|
},
|
|
@@ -204,7 +181,6 @@
|
|
|
this.isRouterAlive = false;
|
|
|
this.$nextTick(() => (this.isRouterAlive = true));
|
|
|
},
|
|
|
-
|
|
|
getNavNo: function (MyNo) {
|
|
|
this.MyNo = MyNo;
|
|
|
},
|
|
@@ -258,3 +234,31 @@
|
|
|
<style scoped>
|
|
|
@import "~@/assets/student-web/component_styles/app-nav.css";
|
|
|
</style>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.dev-top{
|
|
|
+ .develop{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10px;
|
|
|
+ right: -11px;
|
|
|
+ font-size: xx-small;
|
|
|
+ color: #fff;
|
|
|
+ padding: 2px 5px;
|
|
|
+ z-index: 99;
|
|
|
+ transform: scale(0.7) rotate(45deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ &::after{
|
|
|
+ position: absolute;
|
|
|
+ content: " ";
|
|
|
+ right: 0px;
|
|
|
+ top: -4px;
|
|
|
+ z-index: -1;
|
|
|
+ width: 33px;
|
|
|
+ height: 20px;
|
|
|
+ background-color: #64AE16;
|
|
|
+ transform: skewY(45deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|