|
|
@@ -6,7 +6,6 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
|
<link rel="stylesheet" href="css/weui.min.css"/>
|
|
|
<link rel="stylesheet" href="css/weuix.min.css"/>
|
|
|
- <link rel="stylesheet" href="css/style.css?vision=1.11">
|
|
|
<script src="js/md5.js"></script>
|
|
|
<script src="js/vue.min.js"></script>
|
|
|
<script src="js/zepto.min.js"></script>
|
|
|
@@ -55,19 +54,19 @@
|
|
|
</div>
|
|
|
</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 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>
|
|
|
- <footer class="share-footer">知道了</footer>
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
</body>
|
|
|
|
|
|
<script>
|
|
|
@@ -235,6 +234,61 @@
|
|
|
|
|
|
|
|
|
<style>
|
|
|
+ .bg-box{
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-image: url(./image/bg.jpg);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .content-box {
|
|
|
+ width: 90%;
|
|
|
+ height: 55%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 10px;
|
|
|
+ z-index: 99;
|
|
|
+ margin-top: 15%;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content-box img {
|
|
|
+ margin-top: 10%;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .headImg-box {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ border-radius: 40px;
|
|
|
+ position: absolute;
|
|
|
+ top: 15px;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ .num-box {
|
|
|
+ font-size: 1rem;
|
|
|
+ margin-top: 10%;
|
|
|
+ margin-bottom: 5%;
|
|
|
+ font-family: fantasy
|
|
|
+ }
|
|
|
+
|
|
|
+ .get-btn-box {
|
|
|
+ width: 65%;
|
|
|
+ border-radius: 3%;
|
|
|
+ }
|
|
|
+ .download-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
.modal-share {
|
|
|
width: 100%;
|