修改样式异常问题

pages/frontend/bituni/index.vue

@@ -1,7 +1,6 @@
 <template>
 <!-- <div :class="mobile ? 'mobileMain' : ''" :style="{marginTop: mainMarginTop, marginBottom: mobile ? '0px' : '30px !important'}">
 
-
 </div> -->
 
 <div class="page-container2" :class="{'bituni-mobile':mobile}">
@@ -9,7 +8,7 @@
     <div class="page-main">
 
         <header class="page-bituni-header">
-          <div class="bituni-header-bg"></div>
+            <div class="bituni-header-bg"></div>
             <h1 class="page-bituni-h1">Bituni-成就你的技术创新</h1>
             <a class="page-bituni-apply" href="https://wenjuan.feishu.cn/m/cfm?t=s9QUYzg7geBi-4k35" target="view_window">
                 立即投递
@@ -37,39 +36,45 @@
 
         <div class="page-bituni-tit">成功项目</div>
         <div class="page-bituni-case-list">
-            <a href="https://jishuin.proginn.com/u/324602" target="view_window" class="page-bituni-case-item">
-                <div class="bituni-case-item-top">
-                    <div class="page-bituni-case-img logo1">
-
+            <div class="page-bituni-case-item">
+                <a href="https://jishuin.proginn.com/u/324602" target="view_window">
+                    <div class="bituni-case-item-top">
+                        <div class="page-bituni-case-img logo1">
+
+                        </div>
+                        <div class="page-bituni-case-info">
+                            <h2 class="page-bituni-case-name">UniSMS</h2>
+                            <p class="page-bituni-case-content">4343人正在使用</p>
+                            <p class="page-bituni-case-link">https://unisms.apistd.com</p>
+                        </div>
+                        <a class="page-bituni-case-apply" href="https://unisms.apistd.com" target="view_windos">立即使用</a>
                     </div>
-                    <div class="page-bituni-case-info">
-                        <h2 class="page-bituni-case-name">UniSMS</h2>
-                        <p class="page-bituni-case-content">4343人正在使用</p>
-                        <p class="page-bituni-case-link">https://unisms.apistd.com</p>
+                    <div class="page-bituni-case-tips">
+                        敏捷、高速、稳定地发送短信至中国大陆及全球用户。提供开放、透明、一体化的跨通道集成管理系统。
                     </div>
-                    <a class="page-bituni-case-apply" href="https://unisms.apistd.com" target="view_windos">立即使用</a>
-                </div>
-                <div class="page-bituni-case-tips">
-                    敏捷、高速、稳定地发送短信至中国大陆及全球用户。提供开放、透明、一体化的跨通道集成管理系统。
-                </div>
-            </a>
-
-            <a href="https://jishuin.proginn.com/u/733357" target="view_window" class="page-bituni-case-item">
-                <div class="bituni-case-item-top">
-                    <div class="page-bituni-case-img logo2">
+                </a>
+            </div>
 
+            <div class="page-bituni-case-item">
+                <a href="https://jishuin.proginn.com/u/733357" target="view_window">
+
+                    <div class="bituni-case-item-top">
+                        <div class="page-bituni-case-img logo2">
+
+                        </div>
+                        <div class="page-bituni-case-info">
+                            <h2 class="page-bituni-case-name">Joyone</h2>
+                            <p class="page-bituni-case-content">2683人正在使用</p>
+                            <p class="page-bituni-case-link">https://www.jone.work</p>
+                        </div>
+                        <a class="page-bituni-case-apply" href="https://www.jone.work" target="view_window">立即使用</a>
                     </div>
-                    <div class="page-bituni-case-info">
-                        <h2 class="page-bituni-case-name">Joyone</h2>
-                        <p class="page-bituni-case-content">2683人正在使用</p>
-                        <p class="page-bituni-case-link">https://www.jone.work</p>
+                    <div class="page-bituni-case-tips">
+                        研发团队数字化管理系统，覆盖研发过程全生命周期管理。支持各模块灵活配置，集成众多实用的管理成功经验，让研发管理更简单！
                     </div>
-                    <a class="page-bituni-case-apply" href="https://www.jone.work" target="view_window" >立即使用</a>
-                </div>
-                <div class="page-bituni-case-tips">
-                  研发团队数字化管理系统，覆盖研发过程全生命周期管理。支持各模块灵活配置，集成众多实用的管理成功经验，让研发管理更简单！
-                </div>
-            </a>
+                </a>
+
+            </div>
 
             <div class="page-bituni-case-item">
                 <div class="bituni-case-item-top">
@@ -98,45 +103,47 @@
                         <p class="page-bituni-case-content">3933人正在使用</p>
                         <p class="page-bituni-case-link">http://pro.yesapi.cn/</p>
                     </div>
-                    <a class="page-bituni-case-apply" href="http://pro.yesapi.cn/" target="view_window" >立即使用</a>
+                    <a class="page-bituni-case-apply" href="http://pro.yesapi.cn/" target="view_window">立即使用</a>
                 </div>
                 <div class="page-bituni-case-tips">
-                  企业自建开放平台， 就选接口大师，即刻搭建企业OpenAPI开放平台。最快1天上线，可减少30+天以上的项目开发周期；100%无加密源代码，永久授权，支持二次开发；6W+开发者正在使用，全国超过13个省份客户的共同选择。
+                    企业自建开放平台， 就选接口大师，即刻搭建企业OpenAPI开放平台。最快1天上线，可减少30+天以上的项目开发周期；100%无加密源代码，永久授权，支持二次开发；6W+开发者正在使用，全国超过13个省份客户的共同选择。
                 </div>
             </div>
 
-            <a href="https://jishuin.proginn.com/u/345718" target="view_window" class="page-bituni-case-item">
-                <div class="bituni-case-item-top">
-                    <div class="page-bituni-case-img logo5">
-
-                    </div>
-                    <div class="page-bituni-case-info">
-                        <h2 class="page-bituni-case-name">开发屋</h2>
-                        <p class="page-bituni-case-content">3432人正在使用</p>
-                        <p class="page-bituni-case-link">https://www.kaifain.com</p>
+            <div class="page-bituni-case-item">
+                <a href="https://jishuin.proginn.com/u/345718" target="view_window">
+                    <div class="bituni-case-item-top">
+                        <div class="page-bituni-case-img logo5">
+
+                        </div>
+                        <div class="page-bituni-case-info">
+                            <h2 class="page-bituni-case-name">开发屋</h2>
+                            <p class="page-bituni-case-content">3432人正在使用</p>
+                            <p class="page-bituni-case-link">https://www.kaifain.com</p>
+                        </div>
+                        <a class="page-bituni-case-apply" href="https://www.kaifain.com" target="view_window">立即使用</a>
                     </div>
-                    <a class="page-bituni-case-apply" href="https://www.kaifain.com" target="view_window" >立即使用</a>
-                </div>
-                <div class="page-bituni-case-tips">
-                    开发屋为企业提供领先的技术解决方案,包括定制化软件系统、网站建设、APP开发、SaaS、PasS、IaaS、API数据服务等,帮助企业数字信息化。 </div>
-            </a>
+                    <div class="page-bituni-case-tips">
+                        开发屋为企业提供领先的技术解决方案,包括定制化软件系统、网站建设、APP开发、SaaS、PasS、IaaS、API数据服务等,帮助企业数字信息化。 </div>
+                </a>
+            </div>
         </div>
     </div>
 
     <transition name="fade2">
         <div class="word-modal" @scroll.stop v-if="isShowModal" @click="isShowModal = false">
-          <div class="word-modal-main" @click.stop="">
-            <div class="word-modal-title">申请要求</div>
-            <div class="word-modal-content">
-              <p>1.项目类型：web3技术类，API serverles类，开发者生产效率工具类，程序框架语言开源类，其他技术驱动类</p>
-              <p>2.公司或团队中有技术类极客创始人或者合伙人</p>
-              <p>3.技术产品驱动，有真实的用户需求，有技术创新及门槛</p>
-              <p>4.远大理想野心抱负，愿意加速商业化发展对接二级市场</p>
+            <div class="word-modal-main" @click.stop="">
+                <div class="word-modal-title">申请要求</div>
+                <div class="word-modal-content">
+                    <p>1.项目类型：web3技术类，API serverles类，开发者生产效率工具类，程序框架语言开源类，其他技术驱动类</p>
+                    <p>2.公司或团队中有技术类极客创始人或者合伙人</p>
+                    <p>3.技术产品驱动，有真实的用户需求，有技术创新及门槛</p>
+                    <p>4.远大理想野心抱负，愿意加速商业化发展对接二级市场</p>
+                </div>
+                <div class="word-modal-btn" @click.stop="isShowModal = false">我知道了</div>
             </div>
-            <div class="word-modal-btn" @click.stop="isShowModal = false">我知道了</div>
-          </div>
         </div>
-      </transition>
+    </transition>
 </div>
 </template>
 
@@ -155,17 +162,19 @@ export default {
             mobile: false,
             // firstLoad: true,
             isWeixinApp: true,
-            isShowModal:false
+            isShowModal: false
         }
     },
-    async asyncData({ app }) {
-      return {
-        mobile: app.$deviceType.isMobile()
-      }
+    async asyncData({
+        app
+    }) {
+        return {
+            mobile: app.$deviceType.isMobile()
+        }
     },
     head() {
         const {
-                title = "bituni成就你的技术创新-程序员客栈 ",
+            title = "bituni成就你的技术创新-程序员客栈 ",
                 keyword = "投资孵化,web3.0,API serverles,开发者生产效率工具,程序框架语言开源,技术驱动",
                 description = "市场验证、种子用户及流量支持，接入70万开发者、2万+中小企业 快速从零到一冷启动，技术团队及研发支持，平台提供性价比最高的技术工程师及技术资源，技术生态企业资源，撮合技术类上下游资源快速整合，加速发展，技术众筹（国内服务众筹），ICO 交易所（国际版），帮助项目获赞种子资金，投资FA，对接100+投资机构，帮助项目后期融资。",
                 h1 = "",