三端取图小程序后端源码
后端:开发使用bootstrap框架,源码无加密,程序中预留位置,
可拓展为支持创作者入驻取图小程序,接口使用json传送数据,未进行加密。
前端:三端程序使用uniapp开发,前端源码中仅上传了开发框架,请自行对接开发。


后端:开发使用bootstrap框架,源码无加密,程序中预留位置,
可拓展为支持创作者入驻取图小程序,接口使用json传送数据,未进行加密。
前端:三端程序使用uniapp开发,前端源码中仅上传了开发框架,请自行对接开发。



源码搭建教程
1.准备一台服务器/主机
机器人接口使用的是openai https://openai.com/

b2问答发布成功钩子:
add_action('b2_user_ask_post_success', 'xmw_ask_answer',20,2);
xmw_ask_answer函数:
//机器人回答
function xmw_ask_answer($user_id, $post_id){
$post_data = get_post($post_id);//获取文章信息
$post_title = $post_data->post_title;//文章标题
$content = xmw_ask_post($post_title);
$arg = array(
'ID'=> '0',
'post_title'=>b2_get_des(0,60,$content),
'post_content' => wp_slash($content),
'post_status' => 'publish',//回答会公开
'post_author' => null,//回答者用户id
'post_parent'=>$post_id,
'post_type'=>'answer'
);
$post_id = wp_insert_post($arg,true);
}
xmw_ask_post请求函数:
//$data参数为问题
function xmw_ask_post($data){
$url = 'https://api.openai.com/v1/completions';//openai机器人接口地址
$token = '';//填写openai机器人的请求密钥Token
$ask = array(
'model' => 'text-davinci-003',//模板
'prompt' => $data,//问题
'max_tokens' => 3000,
);
$response = wp_remote_post( $url, array(
'method' => 'POST',
'timeout' => 45,
'redirection' => 5,
'httpversion' => '1.0',
'blocking' => true,
'headers' => array(
'content-type' => 'application/json',
'Authorization' => 'Bearer '.$token,
),
'body' => json_encode($ask),
'cookies' => array()
)
);
$message = $response['body'];
$s = json_decode($message, true);//将$message JSON强制转换为数组
return $s['choices'][0]['text'];//返回机器人的回答
}
将上方代码逐个放入主题的functions.php中。
openai的密钥:
[content_hide] 机器人的请求密钥Token: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 [/content_hide]
某乎可以搜到这个新闻:
~趣阁成立于2012年,是由几个热爱文学的书友创建的。热爱文学,以文学来交友。网站是以提供小说搜索,在线阅读,创作文学,开放应用,以及提供下载的网站。现在已被关闭。
但是,一个倒了千千万万个笔趣阁站起来。真的太多了盗版~趣阁网站。
这依然是学习中的一个demo,有不足的地方还请大家指出,或者提出意见
随便找了一个盗版的某趣阁,url为:https://www.biquge2.com/,进行了爬取,并采用协程,一秒可发起几百上千条请求,访问该网址,我测试了一中午没给我封ip,应该是他足以接受这么多的访问量。
下面是程序测试图和教程
测试图:访问加保存平均不到0.1秒就可保存一章的内容
教程:复制小说主页链接到软件粘贴,等待爬取完成即可


代码放入b2后台-模块管理-首页-自定义代码
<div id="primary-home" class="content-area">
<div id="home-row-foots_a23" class=" mobile-hidden home_row home_row_0 module-html " style="background-color:;">
<div class="" style="width:100%">
<div class="home-row-left content-area ">
<div id="html-box-foots_a23" class="html-box">
<style>.primary-menus .left-cont button { height: 40px; background-color: #2f2828; border: 1px solid #2f2828; border-radius: 6px; margin-top: 4px; margin-right:4px;}.primary-menus .left-cont button:hover{ background-color: #499afed6; border: 1px solid #499afed6;}.night .primary-menus .left-cont button{ background-color: #c85552; border: 1px solid #c85552;}#banner-bear { margin-top:-10px; background: linear-gradient(40deg,#000 0%,#3f3737 46%,#000 75%,#000 100%);}</style>
<div id="banner-bear" class="preserve3d csstransforms3d">
<div class="banner-wrap scenes-ready">
<div id="stage">
<div class="space"></div>
<div class="mountains">
<div class="mountain mountain-1"></div>
<div class="mountain mountain-2"></div>
<div class="mountain mountain-3"></div>
</div>
<div class="bear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
css代码
#banner-bear{height:320px;background:#464853 url(/js/2dfb67e74181f.png) repeat-x;width:100%;position:relative;font-size:22px}#banner-bear{background:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%)}.typing{color:#fff;position:absolute;top:25%;left:50%;z-index:1;transform:translate(-50%,-50%);text-shadow:1px 1px 0px rgba(0,0,0,2);font-size:30px;font-weight:700}@media (max-width:1199px){.typing{font-size:16px}}.banner-wrap,#stage{width:100%;height:100%}#stage{overflow:hidden;position:relative;z-index:0}#stage .space{width:3840px;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(/js/53d0ca4581dc1.png) repeat-x}#stage .mountains{width:100%;height:17.78125em;overflow:hidden;position:absolute;left:0;bottom:0;z-index:1;opacity:0;-webkit-transition:opacity .2s linear 0s;-moz-transition:opacity .2s linear 0s;transition:opacity .2s linear 0s;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top}#stage .mountain{width:240em;position:absolute;left:0;bottom:0;margin-bottom:-1px}#stage .mountain-1{height:10.5em;z-index:3;background:url(/js/58714c133cca0.png) repeat-x;background-size:auto 50%;background-position:0 bottom}#stage .mountain-2{height:12em;z-index:2;background:url(/js/f855a485a6235.png) repeat-x;background-size:auto 50%;background-position:0 bottom}#stage .mountain-3{height:17.78125em;z-index:1;background:url(/js/97b75b5d67f83.png) repeat-x;background-size:auto 30%;background-position:0 bottom}#stage .bear-wrapper{width:6.25em;height:3.125em;position:absolute;margin-left:-3.125em;left:50%;bottom:40px;z-index:999}.bear-words{display:none;width:6.25em;height:2.8125em;position:absolute;bottom:5.3125em;left:50%;margin-left:-2.1875em;z-index:5}.bear-words span{display:block;width:9.375em;height:1.875em;line-height:1.875em;margin-left:.9375em;font-size:.4375em;color:#fff}.bear-words .bear-words-background{width:100%;height:100%;position:absolute;left:0;top:0;border:0}#stage .bear{width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:20px;z-index:999;background:url(/js/4b25ca14756dd.png) 0 0 no-repeat;background-size:25em 100%;opacity:0}.scenes-ready #stage .space{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 450s linear .8s infinite normal none;-moz-animation:moving 450s linear .8s infinite normal none;animation:moving 450s linear .8s infinite normal none}.scenes-ready #stage .mountains{opacity:1;-webkit-animation:mountains-in .8s ease-out 0s 1 normal forwards;-moz-animation:mountains-in .8s ease-out 0s 1 normal forwards;animation:mountains-in .8s ease-out 0s 1 normal forwards}.scenes-ready #stage .mountain-1{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 100s linear .8s infinite normal none;-moz-animation:moving 100s linear .8s infinite normal none;animation:moving 100s linear .8s infinite normal none}.scenes-ready #stage .mountain-2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 160s linear .8s infinite normal none;-moz-animation:moving 160s linear .8s infinite normal none;animation:moving 160s linear .8s infinite normal none}.scenes-ready #stage .mountain-3{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:moving 360s linear .8s infinite normal none;-moz-animation:moving 360s linear .8s infinite normal none;animation:moving 360s linear .8s infinite normal none}.scenes-ready #stage .bear{opacity:1;-webkit-transition:opacity .4s linear .6s;-moz-transition:opacity .4s linear .6s;transition:opacity .4s linear .6s}.preserve3d .scenes-ready #stage .bear{-webkit-animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards;-moz-animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards;animation:bear-run-in 3.6s step-end .6s 1 normal forwards,bear-run .8s steps(8) 4.2s infinite normal forwards}.no-preserve3d .scenes-ready #stage .bear,.no-csstransforms3d .scenes-ready #stage .bear{left:50%;-webkit-animation:bear-run .8s steps(8) .6s infinite normal forwards;-moz-animation:bear-run .8s steps(8) .6s infinite normal forwards;animation:bear-run .8s steps(8) .6s infinite normal forwards}.preserve3d .scenes-ready #stage .bear.reset,.no-preserve3d .scenes-ready #stage .bear.reset,.no-csstransforms3d .scenes-ready #stage .bear.reset{left:50%;opacity:1;-webkit-animation:none 0s linear 0s infinite normal none;-moz-animation:none 0s linear 0s infinite normal none;animation:none 0s linear 0s infinite normal none}.preserve3d .scenes-ready #stage .bear.running,.no-preserve3d .scenes-ready #stage .bear.running,.no-csstransforms3d .scenes-ready #stage .bear.running{left:50%;-webkit-animation:bear-run .8s steps(8) 0s infinite normal none;-moz-animation:bear-run .8s steps(8) 0s infinite normal none;animation:bear-run .8s steps(8) 0s infinite normal none}@-webkit-keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@-moz-keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@keyframes bear-run{0%{background-position:0 0}100%{background-position:-25em 0}}@-webkit-keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}@-moz-keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}@keyframes bear-run-in{0%{background-position:0 0;left:-4%}1.38888889%{background-position:-3.125em 0;left:-2.25%}2.77777778%{background-position:-6.25em 0;left:-.5%}4.16666667%{background-position:-9.375em 0;left:1.25%}5.55555556%{background-position:-12.5em 0;left:3%}6.94444444%{background-position:-15.625em 0;left:4.75%}8.33333333%{background-position:-18.75em 0;left:6.5%}9.72222222%{background-position:-21.875em 0;left:8.25%}11.11111111%{background-position:-25em 0;left:10%}11.11111111%{background-position:0 0;left:10%}12.77777778%{background-position:-3.125em 0;left:11.5%}14.44444444%{background-position:-6.25em 0;left:13%}16.11111111%{background-position:-9.375em 0;left:14.5%}17.77777778%{background-position:-12.5em 0;left:16%}19.44444444%{background-position:-15.625em 0;left:17.5%}21.11111111%{background-position:-18.75em 0;left:19%}22.77777778%{background-position:-21.875em 0;left:20.5%}24.44444444%{background-position:-25em 0;left:22%}24.44444444%{background-position:0 0;left:22%}26.38888889%{background-position:-3.125em 0;left:23.25%}28.33333333%{background-position:-6.25em 0;left:24.5%}30.27777778%{background-position:-9.375em 0;left:25.75%}32.22222222%{background-position:-12.5em 0;left:27%}34.16666667%{background-position:-15.625em 0;left:28.25%}36.11111111%{background-position:-18.75em 0;left:29.5%}38.05555556%{background-position:-21.875em 0;left:30.75%}40%{background-position:-25em 0;left:32%}40%{background-position:0 0;left:32%}42.22222222%{background-position:-3.125em 0;left:33%}44.44444444%{background-position:-6.25em 0;left:34%}46.66666667%{background-position:-9.375em 0;left:35%}48.88888889%{background-position:-12.5em 0;left:36%}51.11111111%{background-position:-15.625em 0;left:37%}53.33333333%{background-position:-18.75em 0;left:38%}55.55555556%{background-position:-21.875em 0;left:39%}57.77777778%{background-position:-25em 0;left:40%}57.77777778%{background-position:0 0;left:40%}60.27777778%{background-position:-3.125em 0;left:40.75%}62.77777778%{background-position:-6.25em 0;left:41.5%}65.27777778%{background-position:-9.375em 0;left:42.25%}67.77777778%{background-position:-12.5em 0;left:43%}70.27777778%{background-position:-15.625em 0;left:43.75%}72.77777778%{background-position:-18.75em 0;left:44.5%}75.27777778%{background-position:-21.875em 0;left:45.25%}77.77777778%{background-position:-25em 0;left:46%}77.77777778%{background-position:0 0;left:46%}80.55555556%{background-position:-3.125em 0;left:46.5%}83.33333333%{background-position:-6.25em 0;left:47%}86.11111111%{background-position:-9.375em 0;left:47.5%}88.88888889%{background-position:-12.5em 0;left:48%}91.66666667%{background-position:-15.625em 0;left:48.5%}94.44444444%{background-position:-18.75em 0;left:49%}97.22222222%{background-position:-21.875em 0;left:49.5%}100%{background-position:-25em 0;left:50%}}.primary-menus{width:50%;position:absolute;top:55%;left:50%;z-index:3;transform:translate(-50%,-50%);font-size:16px;opacity:.95}.primary-menus ul{list-style:none;padding:0}.primary-menus ul li{display:inline-block;color:#fff;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer}.primary-menus ul li:first-child{cursor:auto;color:rgba(255,255,255,.8)}.primary-menus ul li:first-child:hover{color:rgba(255,255,255,.8);background-color:transparent}.primary-menus ul li:hover{background:#fff;color:#3c3c3c;opacity:.8}.primary-menus ul li.current{background:#fff;color:#3c3c3c}.primary-menus .cont{position:relative;top:-1px}.primary-menus .right-link{position:absolute;right:0;top:0}.primary-menus .right-link a{display:inline-block;margin-top:10px;padding-right:5px;color:#dff2ff;text-decoration:none;font-size:13px}.primary-menus .right-link a:hover{color:#fff}.primary-menus .left-cont .search.hidden{display:none}.primary-menus .left-cont form{width:100%;position:relative}.primary-menus .left-cont input{box-sizing:border-box;width:100%;border:none;font-size:15px;line-height:20px;height:48px;padding:11px 100px 11px 26px;border-radius:3px;color:#9f9f9f;outline:none}.primary-menus .left-cont input:focus{color:#3c3c3c}.primary-menus .left-cont button{height:48px;box-sizing:border-box;min-width:100px;margin-left:-5px;cursor:pointer;background-color:#e34f4f;color:#fff;font-size:15px;line-height:40px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:1px;top:0;border:5px solid #fff;border-radius:9px;padding:0 15px}.primary-menus .left-cont button:hover{background-color:#ff3636}@media (max-width:1199px){.primary-menus ul li{padding:0 12px}}@media (max-width:991px){.primary-menus{float:left;margin-left:0;width:90%;top:60%}.primary-menus .right-link{display:none}.primary-menus .left-cont{margin-right:0}}@media (max-width:767px){.primary-menus ul li{padding:0 5px;font-size:13px;height:28px;line-height:24px;margin-right:6px}.primary-menus ul li:first-child{display:none}.primary-menus .left-cont input{height:34px;line-height:14px;font-size:13px;padding:10px 6em 10px 10px;border-radius:0 3px 3px}.primary-menus .left-cont button{height:34px;line-height:34px;width:6em;font-size:12px;border:none;border-radius:2px;margin-right:-2px}}@-webkit-keyframes mountains-in{0%{-webkit-transform:scale(1.5)}100%{-webkit-transform:scale(1)}}@-moz-keyframes mountains-in{0%{-moz-transform:scale(1.5)}100%{-moz-transform:scale(1)}}@keyframes mountains-in{0%{transform:scale(1.5)}100%{transform:scale(1)}}@-webkit-keyframes moving{0%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-50%,0,0)}}@-moz-keyframes moving{0%{-moz-transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-50%,0,0)}}@keyframes moving{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
以下代码放入后台-常规设置-底部html
<script src="/js/suiranx.js" type="text/javascript"></script>
云喵圈子定位为移动端兴趣社区圈子系统,功能分为四大模块,分别为圈子、话题、帖子、商城,基于四大板块衍生出其他功能模块,前后端源码完全开源,完美支持二次开发,可学习可商用。
系统架构:uniapp+vue3+thinkphp6
兴趣社区圈子论坛程序,后台服务端基于thinkphp6开发,是一套兴趣社区论坛+电商的系统
安装教程
1、php版本 >=8.0
2、uniapp端下载后在根目录:utils/config.js中配置站点域名,运行到小程序
[content_hide]
源码下载地址:最新版云喵圈子全开源系统源码 兴趣社区交友圈子系统小程序源码 THINKPHP框架后台.zip
[/content_hide]

非常实用的美化,可以通过在菜单中开通VIP会员信息,直接指引开通会员,这个功能在其他主题早已实现,这个美化等了很久了,终于等到了,喜欢的朋友赶紧收藏吧。
效果图:

鼠标指向图标会弹出窗口
附件放到网站根目录,内容图标位置都可以自定义。
打开/b2/Modules/Templates/Header.php
搜索
CSS<div class="qqworld-org the-best-plugins header-banner-right">
将下方代码放置下方
[content_hide]
<style> .abcd_benefitTag_benefits-wrapper {position:relative;margin-right: 5px;display:flex;justify-content:center;height:53px;}.benefitTag__benefits-icon___3aeab {display:inline-block;width:32px;height:32px;}.benefitTag__benefits-text___5d19f {font-size:12px;color:#4d3626;font-weight:600;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;}.benefitTag__popover___fbaea {min-width:0;max-width:200px;z-index:9;}.abcd_memberWrapper {position: relative;padding: 5px 20px 20px;cursor: pointer;display: flex;flex-direction: column;background-color: #feebdc;backdrop-filter: blur(10px);align-items: center;border-radius: 0px 0px 10px 10px;box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);}.abcd_memberWrapper .abcd_memberCard_member-header {position:relative;padding-top:12px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:16px;width: 300px;box-sizing:border-box;}.abcd_memberWrapper .abcd_memberCard_member-header .abcd_memberCard_member-title {font-size:16px;line-height:22px;color:#663f32;letter-spacing:0;font-weight:600;margin-bottom:4px;}.abcd_memberWrapper .abcd_memberCard_member-header .abcd_memberCard_member-desc {font-size:12px;color:#663f32;letter-spacing:0;line-height:17px;font-weight:400;}.abcd_memberWrapper.abcd_memberCard_none .abcd_memberCard_member-header .abcd_memberCard_member-title {height:25px;width:180px;margin-left:auto;margin-right:auto;}.abcd_memberWrapper.memberCard__expired___9de29 .abcd_memberCard_member-header,.abcd_memberWrapper.memberCard__will-expired___3128d .abcd_memberCard_member-header {background:hsla(0,0%,100%,.8);padding:16px 0;border-radius:8px;}.abcd_memberWrapper.memberCard__expired___9de29 {background:#dadde0;}.abcd_memberWrapper.memberCard__expired___9de29 .abcd_memberCard_member-header .abcd_memberCard_member-desc {color:#ff2b00;}.abcd_memberWrapper .abcd_memberCard_member-benefits {position:relative;width: 100%;box-sizing:border-box;background:hsla(0,0%,100%,0.48);border-radius:8px;margin-bottom:16px;white-space:nowrap;overflow:hidden;}.abcd_memberWrapper .abcd_memberCard_member-benefits li {float: left;width: 25%;margin: 10px 0;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 {position:absolute;top:50%;width:12px;height:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(230,163,115,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917 .memberCard__icon-font___9846a,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 .memberCard__icon-font___9846a {color:#4d3626;font-size:12px;-webkit-transform:scale(.5);transform:scale(.5);}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917:hover,.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46:hover {background-color:rgba(230,163,115,.16);}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__leftBtn___ec917 {left:0;border-radius:0 4px 4px 0;}.abcd_memberWrapper .abcd_memberCard_member-benefits .memberCard__rightBtn___0cc46 {right:0;border-radius:4px 0 0 4px;}.abcd_memberWrapper .memberCard__joinBtn___a50c1 {position:relative;width:152px;height:32px;background-image:linear-gradient(134deg,#4d5580,#3d4466);font-size:14px;color:#fff3eb;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;}.abcd_memberWrapper>button{border: 0!important;}.abcd_memberWrapper .memberCard__joinBtn___a50c1:hover {background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));}.abcd_memberWrapper .memberCard__joinBtn___a50c1:active {background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));}.abcd_memberWrapper .memberCard__joinBtn___a50c1 .memberCard__tips___3220a {top:-14px;right:-54px;position:absolute;background-image:linear-gradient(90deg,#ff9580,#f36);border-radius:6px;color:#fff;letter-spacing:0;text-align:center;font-weight:100;padding:2px 8px;font-size:20px;-webkit-transform:scale(.5);transform:scale(.5);}.abcd_memberCard_benefitsLiWrapper {position:relative;left:0;transition:left .3s linear;}.abcd_header_vip_topi {padding:0 6px;right: 0px;line-height:24px;color:#fff;text-align:center;position: absolute;top: 5px;box-sizing:border-box;border-radius:16px;font-size:19px;white-space:nowrap;-webkit-transform:scale(.5);}.abcd_header_vip {padding:0 24px;position:relative;width:20px;height: 70px;background:url(/img/hy.svg) no-repeat 10%/30px;}.abcd_header_vip>i {position:absolute;top: 5px;right:-6px;}.abcd_header_vip:hover .abcd_member_tip[data-status=true] {display:block;}.abcd_member_tip {position:absolute;top:70px;right:-14px;display:none;z-index:8000;}.abcd_header_vip i {font-style: normal;font-weight: 400;} </style>
<a href="svip" class="abcd_header_vip nav-member-btn" draggable="false" style="padding: 0px 18px; width: 0px;">
<div class="icon-btn">
</div>
<i class="abcd_header_vip_topi jiaobiao_color4" style="right: -20px;">开通</i>
<div class="abcd_member_tip" data-status="true">
<div data-position="" class="abcd_memberWrapper abcd_memberCard_none">
<div class="abcd_memberCard_member-header">
<div class="abcd_memberCard_member-title">开通VIP</div>
<div class="abcd_memberCard_member-desc">尊享更多VIP特权!</div>
</div>
<ul class="abcd_memberCard_member-benefits">
<div class="abcd_memberCard_benefitsLiWrapper" style="left: 0px;"> <li>
<div class="abcd_benefitTag_benefits-wrapper">
<i class="benefitTag__benefits-icon___3aeab" style="background: url(/img/xz.svg) center center / contain no-repeat;">
</i>
<span class="benefitTag__benefits-text___5d19f">
无限下载
</span>
</div>
</li> <li>
<div class="abcd_benefitTag_benefits-wrapper">
<i class="benefitTag__benefits-icon___3aeab" style="background: url(/img/qd.svg) center center / contain no-repeat;">
</i>
<span class="benefitTag__benefits-text___5d19f">
每日签到
</span>
</div>
</li> <li>
<div class="abcd_benefitTag_benefits-wrapper">
<i class="benefitTag__benefits-icon___3aeab" style="background: url(/img/sh.svg) center center / contain no-repeat;">
</i>
<span class="benefitTag__benefits-text___5d19f">
优先审核
</span>
</div>
</li> <li>
<div class="abcd_benefitTag_benefits-wrapper">
<i class="benefitTag__benefits-icon___3aeab" style="background: url(/img/vip.svg) center center / contain no-repeat;">
</i>
<span class="benefitTag__benefits-text___5d19f">
VIP服务
</span>
</div>
</li></div>
</ul>
<button class="memberCard__joinBtn___a50c1">
开通VIP
<div class="memberCard__tips___3220a">
年费VIP只要148!
</div>
</button>
</div>
</div>
</a>
[/content_hide]
添加完以上代码,可以看效果了。
一、FosiPlayer具备多方位防盗、多接口轮询、多种缓存方式选择、多种播放器对接、web和app端双接口配置、播放暂停广告、视频插入广告等功能。
10、如你需要供其他应用使用弹幕库,则弹幕接口为:你的域名/站点目录/API.php(id为url视频地址的32位MD5值,默认返回json格式数据,如需调用xml格式,请自行添加参数type=xml)
源码截图
