|
@@ -189,13 +189,13 @@ const planNumGet = async () => {
|
|
</div>
|
|
</div>
|
|
<div class="home_mid">
|
|
<div class="home_mid">
|
|
|
|
|
|
- <div class="home_mid_plan" v-show="taskCircleFlag && userInfo.planCurrentNum != 0" @click="openSquare"
|
|
|
|
|
|
+ <!-- <div class="home_mid_plan" v-show="taskCircleFlag && userInfo.planCurrentNum != 0" @click="openSquare"
|
|
ref="plan_jihua" :style="{ top: plan_jihua + 'px' }">
|
|
ref="plan_jihua" :style="{ top: plan_jihua + 'px' }">
|
|
<div class="badge_custom">
|
|
<div class="badge_custom">
|
|
{{ userInfo.planCurrentNum }}
|
|
{{ userInfo.planCurrentNum }}
|
|
</div>
|
|
</div>
|
|
<img src="../assets/home/jihua_img.png" />
|
|
<img src="../assets/home/jihua_img.png" />
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
<div class="kepu_title">科普小课堂</div>
|
|
<div class="kepu_title">科普小课堂</div>
|
|
<div class="kepu_title_sub">心灵成长不迷茫,科普小课堂为你点亮前行的方向</div>
|
|
<div class="kepu_title_sub">心灵成长不迷茫,科普小课堂为你点亮前行的方向</div>
|
|
<div class="man1_group">
|
|
<div class="man1_group">
|
|
@@ -245,6 +245,13 @@ const planNumGet = async () => {
|
|
<div class="get_more">
|
|
<div class="get_more">
|
|
<img src="../assets/home/get_more.png" @click="goMore" />
|
|
<img src="../assets/home/get_more.png" @click="goMore" />
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="home_mid_plan" v-show="taskCircleFlag && userInfo.planCurrentNum != 0" @click="openSquare"
|
|
|
|
+ ref="plan_jihua">
|
|
|
|
+ <div class=" badge_custom">
|
|
|
|
+ {{ userInfo.planCurrentNum }}
|
|
|
|
+ </div>
|
|
|
|
+ <img src="../assets/home/jihua_img.png" />
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@@ -468,17 +475,27 @@ const planNumGet = async () => {
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
// position: relative;
|
|
// position: relative;
|
|
|
|
|
|
- .home_mid_plan {
|
|
|
|
- cursor: pointer;
|
|
|
|
- // top: 1000px;
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0px;
|
|
|
|
|
|
+ // .home_mid_plan {
|
|
|
|
+ // z-index: 111;
|
|
|
|
+ // cursor: pointer;
|
|
|
|
+ // // top: 1000px;
|
|
|
|
+ // position: fixed;
|
|
|
|
+ // width: 100%;
|
|
|
|
+ // height: 200px;
|
|
|
|
+ // top: 10px;
|
|
|
|
|
|
- // top: -30px;
|
|
|
|
- img {
|
|
|
|
- width: 100px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ // bottom: 0px;
|
|
|
|
+
|
|
|
|
+ // left: 0px;
|
|
|
|
+
|
|
|
|
+ // right: 0px;
|
|
|
|
+ // // right: 200px;
|
|
|
|
+
|
|
|
|
+ // // top: -30px;
|
|
|
|
+ // img {
|
|
|
|
+ // width: 100px;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@@ -608,4 +625,22 @@ const planNumGet = async () => {
|
|
width: 100%;
|
|
width: 100%;
|
|
background-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.home_mid_plan {
|
|
|
|
+ z-index: 1;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ // top: 1000px;
|
|
|
|
+ position: fixed;
|
|
|
|
+ width: 100px;
|
|
|
|
+ height: 100px;
|
|
|
|
+ top: 0;
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ right: 0;
|
|
|
|
+ margin: auto;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ width: 100px;
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|