proginn-frontend/pages/frontend/bituni/index.vue

<template>
<!-- <div :class="mobile ? 'mobileMain' : ''" :style="{marginTop: mainMarginTop, marginBottom: mobile ? '0px' : '30px !important'}">


</div> -->

<div class="page-container2" v-if="!mobile">
    <div class="page-main">
        <header class="page-bituni-header">
            <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">
                立即投递
            </a>
            <p class="page-bituni-rule" @click="isShowModal = true">投资孵化范围及申请要求</p>
            <section class="page-bituni-intro">
                <article class="page-bituni-item">
                    <h2>市场验证、种子用户及流量支持</h2>
                    <p>接入70万开发者、2万+中小企业快速从零到一冷启动</p>
                </article>
                <article class="page-bituni-item">
                    <h2>技术团队及研发支持</h2>
                    <p>平台提供性价比最高的技术工程师及技术资源</p>
                </article>
                <article class="page-bituni-item">
                    <h2>技术生态企业资源</h2>
                    <p>撮合技术类上下游资源快速整合，加速发展</p>
                </article>
                <article class="page-bituni-item">
                    <h2>投资FA</h2>
                    <p>对接100+投资机构，帮助项目后期融资</p>
                </article>
            </section>
        </header>

        <div class="page-bituni-tit">成功项目</div>
        <div class="page-bituni-case-list">
            <div class="page-bituni-case-item">
                <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-tips">
                    敏捷、高速、稳定地发送短信至中国大陆及全球用户。提供开放、透明、一体化的跨通道集成管理系统。
                </div>
            </div>

            <div class="page-bituni-case-item">
                <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_windos" >立即使用</a>
                </div>
                <div class="page-bituni-case-tips">
                  研发团队数字化管理系统，覆盖研发过程全生命周期管理。支持各模块灵活配置，集成众多实用的管理成功经验，让研发管理更简单！
                </div>
            </div>

            <div class="page-bituni-case-item">
                <div class="bituni-case-item-top">
                    <div class="page-bituni-case-img logo3">

                    </div>
                    <div class="page-bituni-case-info">
                        <h2 class="page-bituni-case-name">YesDev</h2>
                        <p class="page-bituni-case-content">3442人正在使用</p>
                        <p class="page-bituni-case-link">https://www.yesdev.cn</p>
                    </div>
                    <a class="page-bituni-case-apply" href="https://www.yesdev.cn" target="view_window">立即使用</a>
                </div>
                <div class="page-bituni-case-tips">
                    协作云，注册即用，是一款研发协同SaaS在线工具，支持多团队协作，支持项目/代码/消息/文档/任务等研发协同。满足敏捷开发、DevOps、Scrum等多种软件迭代方式。
                </div>
            </div>

            <div class="page-bituni-case-item">
                <div class="bituni-case-item-top">
                    <div class="page-bituni-case-img logo4">

                    </div>
                    <div class="page-bituni-case-info">
                        <h2 class="page-bituni-case-name">接口大师</h2>
                        <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>
                </div>
                <div class="page-bituni-case-tips">
                  企业自建开放平台， 就选接口大师，即刻搭建企业OpenAPI开放平台。最快1天上线，可减少30+天以上的项目开发周期；100%无加密源代码，永久授权，支持二次开发；6W+开发者正在使用，全国超过13个省份客户的共同选择。
                </div>
            </div>

            <div 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>
                    <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>
            </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>
            <div class="word-modal-btn" @click.stop="isShowModal = false">我知道了</div>
          </div>
        </div>
      </transition>
</div>
</template>

<script>
import {
    mapState
} from "vuex"
import qs from "qs"

export default {
    name: 'SeoBituniIndex',
    layout: 'w-1440-default',
    data() {
        return {
            baseUrl: '',
            mobile: false,
            // firstLoad: true,
            isWeixinApp: true,
            isShowModal:false
        }
    },
    head() {
        const {
                title = "bituni成就你的技术创新-程序员客栈 ",
                keyword = "投资孵化,web3.0,API serverles,开发者生产效率工具,程序框架语言开源,技术驱动",
                description = "市场验证、种子用户及流量支持，接入70万开发者、2万+中小企业 快速从零到一冷启动，技术团队及研发支持，平台提供性价比最高的技术工程师及技术资源，技术生态企业资源，撮合技术类上下游资源快速整合，加速发展，技术众筹（国内服务众筹），ICO 交易所（国际版），帮助项目获赞种子资金，投资FA，对接100+投资机构，帮助项目后期融资。",
                h1 = "",
                canonical = "",
                metaLocation
        } = this.head || {}
        let obj = {
            title: title,
            meta: [{
                name: "keywords",
                content: keyword
            }, {
                name: "description",
                content: description
            }, {
                name: "h1",
                content: h1
            }],
            link: [{
                rel: "canonical",
                href: canonical
            }]
        }
        if (metaLocation) {
            obj.meta.push({
                name: "location",
                content: metaLocation
            })
        }
        return obj
    },
    computed: {
        ...mapState(["deviceType"]),
        showWxHeader() {
            return !this.deviceType.app && !this.isWeixinApp &&
                (this.deviceType.android || this.deviceType.ios)
        },
        mainMarginTop() {
            if (this.mobile && this.showWxHeader) {
                return '64px !important'
            } else if (this.mobile) {
                return '0px !important'
            } else {
                return '20px !important'
            }
        },

    },

    mounted() {
        this.baseUrl = this.$store.state.domainConfig.siteUrl
        this.isWeixinApp = navigator.userAgent.indexOf("miniProgram") > -1
        document.body.style.background = "#fff"
    },
    methods: {

    }
}
</script>

<style lang="scss">
@import "@/assets/css/bituni/index.scss";
</style>