skyblued 2 년 전
부모
커밋
3dcc857d01

BIN
src/student/teacher-dependent/images/icon-chat.png


+ 9 - 2
src/student/teacher-dependent/model/teacher-header.module.less

@@ -81,6 +81,11 @@
 
   .btn {
     padding: 3px 12px 1px;
+    min-width: 62px;
+  }
+  .btnStar{
+    color: #F18400;
+    border-color: #F18400;
   }
 }
 
@@ -184,13 +189,15 @@
   align-items: center;
 
   .subject {
+    display: flex;
+    align-items: center;
     margin-left: 5px;
     background: #fff1de;
     border-radius: 4px;
     font-size: 12px;
+    line-height: 12px;
     color: #ff8c00;
-    line-height: 16px;
-    padding: 0px 4px;
+    padding: 3px;
     white-space: nowrap;
     &:first-child {
       margin-left: 0;

+ 6 - 4
src/student/teacher-dependent/model/teacher-header.tsx

@@ -6,6 +6,7 @@ import iconTeacher from '@common/images/icon_teacher.png'
 import request from '@/helpers/request'
 import IconXueli from '@common/images/icon-xueli.png'
 import IconJiaozi from '@common/images/icon-jiaozi.png'
+import IconChat from '../images/icon-chat.png'
 
 export const getAssetsHomeFile = (fileName: string) => {
   const path = `../images/${fileName}`
@@ -163,12 +164,12 @@ export default defineComponent({
                 <Button
                   type="primary"
                   size="small"
-                  plain={!!this.userInfo.isStar}
+                  plain
                   round
-                  class={styles.btn}
+                  class={[styles.btn, this.userInfo.isStar ? styles.btnStar : '']}
                   onClick={this.onStart}
                 >
-                  {!this.userInfo.isStar && <Icon name="plus" />}
+                  {/* {!this.userInfo.isStar && <Icon name="plus" />} */}
 
                   {this.userInfo.isStar ? '已关注' : '关注'}
                 </Button>
@@ -178,6 +179,7 @@ export default defineComponent({
                   round
                   style={{ marginLeft: '5px' }}
                   class={styles.btn}
+                  icon={IconChat}
                   onClick={() => {
                     postMessage({
                       api: 'joinChatGroup',
@@ -188,7 +190,7 @@ export default defineComponent({
                     })
                   }}
                 >
-                  <Icon name="chat-o" style={{ marginRight: '3px' }} />
+                  {/* <Icon name={} size="16" style={{ marginRight: '3px' }} /> */}
                   聊天
                 </Button>
               </div>

+ 1 - 1
src/student/teacher-dependent/teacher-home.tsx

@@ -45,7 +45,7 @@ export default defineComponent({
     useEventListener(document, 'scroll', evt => {
       const { y } = useWindowScroll()
       // this.background = `rgba(255, 255, 255, ${y.value / 100})`
-      if (y.value > 50) {
+      if (y.value > 65) {
         this.headColor = '#000'
         this.background = '#fff'
         this.backIconColor = 'black'