master

分支 (1)

管理

管理

master

alipay-platform
/
Plug-in center.html

<!--
 * @Author: your name
 * @Date: 2021-08-10 09:08:59
 * @LastEditTime: 2021-08-16 19:35:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \day06\插件中心.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>插件中心</title>
    <link rel="stylesheet" href="./css/checkcenter.css">
</head>
<body>
    <!-- 导航栏第一部分开始 -->
    <div class="head">
        <div class="head_1">
            <div class="head_1a">
                <a href="首页.html">
                    <img src="https://gw.alipayobjects.com/zos/bmw-prod/7061fe82-8281-41c2-9f92-86188ced7159.svg" style="width: 140px; height: 20px;">
                </a>
            </div>
            <div class="head_1b">
                <ul class="nav">
                    <li>
                        <span>
                            <a href="Homepage.html">首页</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="hangye.html">行业方案</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="#">行动能力</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="service market.html">服务市场</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="#">文档</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="#">社区</a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="#">支持</a>
                        </span>
                    </li>
                </ul>
            </div>
            <div class="head_1c">
                <ul>
                    <li>
                        <input type="text" name="" id="search" value="" />
                        <i class="fa fa-search" style="color: #ffffff;" id="sear"></i>
                    </li>
                    <li>
                        <a href="login.html">登录</a>
                    </li>
                    <li>
                        <a href="login.html">立即入驻</a>
                    </li>
                    <li>
                        <img src="https://gw.alipayobjects.com/zos/basement_prod/34ab24e4-8ed4-4a44-8797-99bbe2c8a704.svg" >
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航栏第一部分结束 -->
    <!-- 导航栏第二部分开始 -->
    <div id="daohanglan">
        <div id="dh-l">
            <span class="dh-bor">请选择类目</span>
            <div class="fa fa-angle-down" aria-hidden="true"></div>
            <span class="dh-bor">搜索你想要的能力</span>
            <div> <img src="img/26.png" alt=""></div>
        </div>
        <div id="dh-z">
        <ul>
            <li><a href="Homepage.html"> 首页</a></li>
            <li><a href="nengliku.html">能力库</a></li>
            <li><a href="#">插件中心</a></li>
            <li><a href="#">能力实验室</a></li>
            <li><a href="#">共创·能力说</a></li>
            <li><a href="solution.html">场景解决方案</a></li>
        </ul>
        </div>
        <div id="dh-r">
        <div class="ding fabu"><i class="fa fa-plus" aria-hidden="true"></i> 发布能力诉求</div>
        <div class="ding yue"> <i class="fa fa-star-o" aria-hidden="true"></i>订阅</div >
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main">
        <div class="main1">
            <div class="mainbg">
                <div class="bgfont" >
                    <div class="big"><h1>插件中心全新升级</h1></div>
                    <div class="small"><h3>专注服务每位开发者，这里是您生产、发布以及获取插件的自留地</h3></div>
                </div>
                <div class="whitebox">
                    <div class="leftbox">
                        <div >
                            <div><h2>我要开发插件</h2></div>
                            <div>成为支付宝开发者，通过开发插件，为小程序提供优质能力。</div>
                            <div> <a href="login.html">立即出发</a> </div>
                        </div>
                    </div>
                    <div class="rightbox">
                        <div>
                            <div >
                                <div><h2>我要使用插件</h2></div>
                                <div>查找想要使用的插件，应用于自己的小程序上，实现丰富的小程序生态玩法。</div>
                                <div> <a href="login.html">立即使用</a> </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <!-- 主体第二部分 -->
        <div class="new"><h1>新手入门</h1></div>
        <div class="new1">
            <div class="new1_1">
                <div class="new1_2"></div>
                <div class="text">
                    <p>小程序插件介绍</p>
                    <p>插件是一种独立封装的精简能力组件</p>
                </div>
            </div>
            <div class="new1_1">
                <div class="new1_3"></div>
                <div class="text">
                    <p>如何开发插件</p>
                    <p>教你如何快速成为支付宝小程序插件开发者</p>
                </div>
            </div>
            <div class="new1_1">
                <div class="new1_4"></div>
                <div class="text">
                    <p>插件多端开发</p>
                    <p>具备阿里生态多端开发并且多端发布的能力</p>
                </div>
            </div>
        </div>
        <!-- 主体第三部分 -->
        <div class="main3">
            <div><h1>精选插件</h1></div>
            <div class="main3box">
                <div class="content">
                    <div>
                        <img src="./img/23.png" style="width: 56px; height: 56px;" class="img1">
                    </div>
                    <div> <p class="smalltext">流量位插件</p></div>
                    <div><p class="smalltext1">支付宝官方小程序流量位插件，适用于在流量主小程序上插入流量位，为引入广告主投放广告提供流量推广能力。</p></div>
                </div>
                <div class="content ">
                    <div>
                        <img src="./img/24.png" style="width: 56px; height: 56px;" class="img1">
                    </div>
                    <div><p class="smalltext">OCR车牌号识别插件</p></div>
                    <div><p class="smalltext1">OCR 车牌号识别插件可实时识别并返回车牌号信息和相关图片数据。</p></div>
                </div>
                <div class="content ">
                    <div>
                        <img src="./img/28.jpg" style="width: 56px; height: 56px;" class="img1">
                    </div>
                    <div><p class="smalltext">轻分期_花呗分期</p></div>
                    <div><p class="smalltext1">支付宝小程序为广大开发者提供了官方插件，帮助开发者快速实现前置单通道花呗分期能力。</p></div>
                </div>
                <div class="content ">
                    <div>
                        <img src="./img/22.png" style="width: 56px; height: 56px;" class="img1">
                    </div>
                    <div><p class="smalltext">小程序有礼插件</p></div>
                    <div><p class="smalltext1">引入小程序有礼插件，投放商户创建的小程序营销活动。</p></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底边部分 -->
		<div class="dibain">
			<div class="footer">
				<div class="footer_1">
					<div class="footer_1a">
						<table>
							<tr>
								<th><h2 class="baise">新手入门</h2></th>
								<th><h2 class="baise">服务支持</h2></th>
								<th><h2 class="baise">客服帮助</h2></th>
								<th><h2 class="baise">更多合作</h2></th>
							</tr>
							<tr>
								<td><a href="" class="huise1">新手指南</a></td>
								<td><a href="" class="huise1">开放学院</a></td>
								<td><a href="" class="huise1">在线回答</a></td>
								<td><a href="" class="huise1">海外支付</a></td>
							</tr>
							<tr>
								<td><a href="" class="huise1">热门FAQ</a></td>
								<td><a href="" class="huise1">服务商平台</a></td>
								<td class="huise1">客服：95188</td>
								<td><a href="" class="huise1">安全保障</a></td>
							</tr>
							<tr>
								<td><a href="" class="huise1">合作攻略</a></td>
							</tr>
							<tr>
								<td><a href="" class="huise1">平台规</a>则</td>
							</tr>
						</table>
					</div>
					<div class="footer_1b">
						<h2 style="font-size: 25px;">关注我们</h2>
						<div></div>
						<h6 style="font-size: 14px; color: #888;">打开支付宝扫一扫</h6><br>
					</div>
				</div>
				<div class="footer_2">
					<ul>
						<li>
							<a href="">
								关于蚂蚁集团
							</a>
						</li>
						<li>
							<a href="">
								诚聘英才
							</a>
						</li>
						<li>
							<a href="">
								联系我们
							</a>
						</li>
						<li>
							<a href="">
								开放平台
							</a>
						</li>
						<li>
							<a href="">
								International Business
							</a>
						</li>
						<li>
							<a href="">
								About Ailpay
							</a>
						</li>
					</ul>
					<p>Copyright © 2021 支付宝（杭州）信息技术有限公司 ｜ ICP证浙B2-20160559 ｜ 网站备案号：浙ICP备16025414号-1</p>
				</div>
			</div>
		</div>
</body>
</html>