Commit ed29f80543ac56b876e7be810423c85b2b3f060a
1 parent
d56e0d65
app内分享和返回功能
Showing
2 changed files
with
20 additions
and
0 deletions
src/pages/index/index.less
| @@ -157,3 +157,18 @@ | @@ -157,3 +157,18 @@ | ||
| 157 | } | 157 | } |
| 158 | 158 | ||
| 159 | } | 159 | } |
| 160 | +//返回和分享功能 | ||
| 161 | +.top_box{ | ||
| 162 | + width: calc(100% - 60px); | ||
| 163 | + height: 100px; | ||
| 164 | + position: fixed; | ||
| 165 | + top:0; | ||
| 166 | + left: 30px; | ||
| 167 | + display: flex; | ||
| 168 | + justify-content: space-between; | ||
| 169 | + align-items: center; | ||
| 170 | + img{ | ||
| 171 | + width: 64px; | ||
| 172 | + height: 64px; | ||
| 173 | + } | ||
| 174 | +} |
src/pages/index/index.vue
| @@ -65,6 +65,11 @@ | @@ -65,6 +65,11 @@ | ||
| 65 | <div class="div18"></div> | 65 | <div class="div18"></div> |
| 66 | 66 | ||
| 67 | </div> | 67 | </div> |
| 68 | + <!--头部返回和分享--> | ||
| 69 | + <div v-show="isCNLive.value" class="top_box"> | ||
| 70 | + <img @click="$parent.back()" src="../../../static/img/back.jpg" alt=""/> | ||
| 71 | + <img @click="$parent.back()" src="../../../static/img/share.jpg" alt=""/> | ||
| 72 | + </div> | ||
| 68 | </div> | 73 | </div> |
| 69 | </template> | 74 | </template> |
| 70 | 75 |