|
|
@@ -56,20 +56,18 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="modal-share" v-show="isShareFlag">
|
|
|
- <div class="share-content">
|
|
|
- <p>为了帮助更多的家庭</p>
|
|
|
- <p>点击菜单<span>“发送给朋友”</span></p>
|
|
|
- <p>分享到<span>{{this.shareCount}}个</span>家长群或特教群</p>
|
|
|
- <p>分享成功后即可学习!</p>
|
|
|
- </div>
|
|
|
- <footer class="share-footer">知道了</footer>
|
|
|
+ <div class="modal-share" v-show="isShareFlag">
|
|
|
+ <div class="share-content">
|
|
|
+ <p>为了帮助更多的家庭</p>
|
|
|
+ <p>点击菜单<span>“发送给朋友”</span></p>
|
|
|
+ <p>分享到<span>{{this.shareCount}}个</span>家长群或特教群</p>
|
|
|
+ <p>分享成功后即可学习!</p>
|
|
|
</div>
|
|
|
-
|
|
|
+ <footer class="share-footer">知道了</footer>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
</body>
|
|
|
|
|
|
<script>
|
|
|
@@ -241,16 +239,18 @@
|
|
|
.modal-share {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-color: rgba(0,0,0,.6);
|
|
|
- z-index: 99;
|
|
|
+ background-color: rgba(0,0,0,.8);
|
|
|
+ z-index: 108;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
|
+ position: absolute;
|
|
|
}
|
|
|
|
|
|
.share-content {
|
|
|
text-align: center;
|
|
|
+ color: #F3F3F3;
|
|
|
}
|
|
|
|
|
|
.share-footer {
|
