Skip to content

whatsns内容付费问答系统
whatsns内容付费问答系统

huangxuan258 / whatsns内容付费问答系统
2021-04-29 05:05:01同步失败

通知 3
Star 2
Fork 1
whatsns内容付费问答系统
whatsns内容付费问答系统

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 a8453a71 编写于 作者: huangxuan258's avatar huangxuan258
浏览文件
操作

pc+wap文章详情页面增加生成海报功能

上级 9d26316e
展开全部 隐藏空白更改
内联 并排
Showing with 615 addition and 2177 deletion
application/controllers/Poster.php 0 → 100644
浏览文件 @ a8453a71
<?php
defined ( 'BASEPATH' ) or exit ( 'No direct script access allowed' );
class Poster extends CI_Controller {
var $whitelist;
function __construct() {
$this->whitelist = "ajaxmake";
parent::__construct ();
$this->load->model ( 'topic_model' );
}
/**
*
* 生成海报
*
* @date: 2020年3月18日 上午10:02:31
*
* @author : 61703
*
* @param
* : variable
*
* @return :
*
*/
function ajaxmake($type,$id,$style=0) {
$type = addslashes ( clearhtml ( strip_tags ( $type) ) );
$typeid = intval ( $id );
$style = intval ($style);
switch ($type) {
case 'article' :
$article = $this->db->get_where('topic',array('id'=>$typeid))->row_array();
//echo strip_tags($article ['describtion']);exit();
$article ['describtion'] = preg_replace('~<([a-z]+?)\s+?.*?>~i','<$1>',$article ['describtion']);
$article ['describtion']=htmlspecialchars_decode(htmlspecialchars_decode($article ['describtion']));
$article ['timespan']=$article ['viewtime'];
switch ($style){
case 1:
$this->copypost( $article ['image'], clearhtml ( $article ['title'], 120 ), clearhtml ( $article ['describtion'], 60 ), url ( 'topic/getone/' . $typeid ), date ( 'Y/n/d', $article ['timespan'] ) );
break;
default:
$cid = $article['articleclassid'];
$category = $this->category [$cid]; // 得到分类信息
$this->wenzhanghaibao2 ( $article ['image'], clearhtml ( $article ['title'], 120 ), clearhtml ( $article ['describtion'], 120 ), url ( 'topic/getone/' . $typeid ), date ( 'Y/n/d', $article ['timespan'] ) ,$article ['author'],$category['name'], date ( 'd', $article ['timespan'] ), date ( 'Y/m', $article ['timespan'] ));
break;
}
break;
case 'invate':
$this->ajaxinvate();
break;
}
}
/**
* 邀请注册
* @date: 2020年3月19日 上午10:14:28
* @author: 61703
* @param: variable
* @return:
*/
function ajaxinvate(){
if(!$this->user['uid']){
exit("请先登录");
}
$bgimg="https://upload-images.jianshu.io/upload_images/4098897-815c9e19f766bae2.png";
$im = imagecreatetruecolor ( 440, 700 ) or die ( "不能初始化新的 GD 图像流" ); // 创建一张空白图像
$_bg_color = imagecolorallocate ( $im, 255, 255, 255 ); // 创建颜色，返回颜色标识符
imagefill ( $im, 0, 0, $_bg_color ); // 初始化图像背景为$_bg_color
$bg = imagecreatefromstring ( file_get_contents ( $bgimg ) ); // 获取网络图片
$src_info = getimagesize ( $bgimg ); // 得到图片大小
$bgsf = imagecreatetruecolor ( 440, 700 ); // 创建一个画布
imagecopyresampled ( $bgsf, $bg, 0, 0, 0, 0, 440, 700, $src_info [0], $src_info [1] ); // 缩放图像
imagecopymerge ( $im, $bgsf, 0, 0, 0, 0, 440, 700, 100 ); // 复制合成
//生成logo
$logo=$this->setting['site_logo'];
$logoimg = imagecreatefromstring ( file_get_contents ( $logo ) ); // 获取网络图片
$logo_info = getimagesize ( $logo ); // 得到图片大小
//imagecopymerge ( $im, $logoimg, 40, 40, 0, 0, $logo_info [0], $logo_info [1], 100 ); // 复制合成
imagecopy($im, $logoimg, 20, 20, 0, 0, $logo_info [0], $logo_info [1]);
//生成头像
$avatar=$this->user['avatar'];
$avatarwidth=60;//头像宽度
$avatarheight=60;//头像高度
$avatar_info = getimagesize ( $avatar ); // 得到图片大小
$bgsf1 = imagecreatetruecolor ( $avatarwidth, $avatarheight ); // 创建一个画布
$avatar1 = imagecreatefromstring ( file_get_contents ( $avatar ) ); // 获取网络图片
imagecopyresampled ( $bgsf1, $avatar1, 0, 0, 0, 0, $avatarwidth, $avatarheight, $avatar_info [0], $avatar_info [1] ); // 缩放图像
//imagecopy($im, $bgsf1, 180, 180, 0, 0, $avatarwidth,$avatarheight);
//imagecopymerge ( $im, $bgsf1,180, 180, 0, 0, $avatarwidth, $avatarheight, 100 );
$im=$this->radius_img_bg($im, 185, 180, $bgsf1, $avatarwidth,$avatarheight, 0);
$_text_color = imagecolorallocate ( $im, 0, 0, 0 ); // 文字颜色 黑色
$fontpath = FCPATH . 'static/js/neweditor/wt.ttf'; // 字体文件路径
//生成作者名字
$author=$this->user['username']."邀请您一起加入";
$im = $this->textcl ( $im, $_text_color, $author, 12, $fontpath, 270, '',1,0 );
$url=url("user/register/".$this->user['invatecode']);
$ewm = SITE_URL . "lib/getqrcode.php?data=$url&&size=2";
$_text_color2 = imagecolorallocate ( $im, 99, 99, 99 ); // 文字颜色 灰色
$sitename = clearhtml($this->setting['site_name'],20);
$sitedesc=clearhtml($this->setting ['seo_index_description'] ,150);
$im = $this->textcl ( $im, $_text_color, $sitename, 20, $fontpath, 400, '',1,0 );
$im = $this->textcl ( $im, $_text_color2, $sitedesc, 13, $fontpath, 460, '',1,0 );
$qecode = imagecreatefromstring ( file_get_contents ( $ewm ) ); // 获取网络图片
$ewm_info = getimagesize ( $ewm ); // 得到图片大小
imagecopymerge ( $im, $qecode, 175, 560, 0, 0, $ewm_info [0], $ewm_info [1], 100 ); // 复制合成
$im = $this->textcl ( $im, $_text_color2, "【 扫码加入 】", 13, $fontpath, 670, '',1,0 );
header ( "Content-type: image/png" ); // 以图像类型输出
imagepng ( $im ); // 展示图像
imagedestroy ( $im ); // 销毁图像，释放资源
}
/**
*
* 文章海报2
*
* @date: 2020年3月18日 下午3:51:23
*
* @author : 61703
*
* @param
* : variable
*
* @return :
*
*/
function wenzhanghaibao2($imgthumb, $title, $articledescription, $url, $time,$author,$categoryname,$day,$date) {
$bigImgPath = $imgthumb;
$str = $title;//标题
$description = $articledescription;
$ewm = SITE_URL . "lib/getqrcode.php?data=$url&&size=2";
$datestr = "发布于 " . $time;
$sitename = clearhtml($this->setting['site_name'],20);
$sitedesc=clearhtml($this->setting ['seo_index_description'] ,50);
$fontSize = 28;
$desfontSize = 22;
$datefontsize = 22;
$im = imagecreatetruecolor ( 750, 1334 ) or die ( "不能初始化新的 GD 图像流" ); // 创建一张空白图像
$_bg_color = imagecolorallocate ( $im, 255, 255, 255 ); // 创建颜色，返回颜色标识符
imagefill ( $im, 0, 0, $_bg_color ); // 初始化图像背景为$_bg_color
$bg = imagecreatefromstring ( file_get_contents ( $bigImgPath ) ); // 获取网络图片
$src_info = getimagesize ( $bigImgPath ); // 得到图片大小
$bgsf = imagecreatetruecolor ( 750, 480 ); // 创建一个画布
imagecopyresampled ( $bgsf, $bg, 0, 0, 0, 0, 750, 480, $src_info [0], $src_info [1] ); // 缩放图像
imagecopymerge ( $im, $bgsf, 0, 0, 0, 0, 750, 480, 100 ); // 复制合成
$_text_colorbai = imagecolorallocate ( $im, 255, 255, 255 ); // 文字颜色 白色
$_text_color = imagecolorallocate ( $im, 0, 0, 0 ); // 文字颜色 黑色
$_text_color2 = imagecolorallocate ( $im, 99, 99, 99 ); // 文字颜色 灰色
$fontpath = FCPATH . 'static/js/neweditor/wt.ttf'; // 字体文件路径
imagettftext ( $im, 50, 0, 65, 400, $_text_colorbai, $fontpath, $day );
imagettftext ( $im, 50, 0, 66, 400, $_text_colorbai, $fontpath, $day);
imagettftext ( $im, 15, 0, 40, 415, $_text_colorbai, $fontpath, '——————' );
imagettftext ( $im, 15, 0, 40, 416, $_text_colorbai, $fontpath, '——————' );
imagettftext ( $im, 20, 0, 45, 435, $_text_colorbai, $fontpath, $date );
imagettftext ( $im, 20, 0, 46, 435, $_text_colorbai, $fontpath,$date );
$im = $this->textcl ( $im, $_text_color, $str, $fontSize, $fontpath, 570, '' ); // 处理多行文字
$im = $this->textcl ( $im, $_text_color2, $description, $desfontSize, $fontpath, 690, ' ' );
imagettftext ( $im, $datefontsize, 0, 40, 990, $_text_color2, $fontpath, "作者：$author 发布在 [ $categoryname ]" ); // 文字转图片
imagettftext ( $im, 12, 0, 0, 1120, $_text_color, $fontpath, '---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------' );
$qecode = imagecreatefromstring ( file_get_contents ( $ewm ) ); // 获取网络图片
$ewm_info = getimagesize ( $ewm ); // 得到图片大小
imagecopymerge ( $im, $qecode, 600, 1210, 0, 0, $ewm_info [0], $ewm_info [1], 100 ); // 复制合成
$dateimg = imagecreatetruecolor ( 700, 400 ); // 创建一个画布
imagefill ( $dateimg, 0, 0, $_bg_color ); // 填充颜色
imagettftext ( $dateimg, 28, 0, 40, 50, $_text_color, $fontpath, $sitename ); // 文字转图片
$this->textcl ( $dateimg, $_text_color2, $sitedesc, 15, $fontpath, 100, '',0 );
//imagettftext ( $dateimg, 15, 0, 40,100, $_text_color2, $fontpath, $sitedesc );
imagecopymerge ( $im, $dateimg, 20,1180, 0, 0, 520, 400, 100 ); // 复制合成
header ( "Content-type: image/png" ); // 以图像类型输出
imagepng ( $im ); // 展示图像
imagedestroy ( $im ); // 销毁图像，释放资源
}
/**
*
* 海报格式一
*
* @date: 2020年3月18日 下午3:48:21
*
* @author : 61703
*
* @param
* : variable
*
* @return :
*
*/
function copypost($imgthumb, $title, $articledescription, $url, $time) {
$bigImgPath = $imgthumb;
$str = $title;
$description = $articledescription;
$ewm = SITE_URL . "lib/getqrcode.php?data=$url&&size=3.5";
$datestr = "发布于 " . $time;
$domain = $_SERVER ['HTTP_HOST'];
$fontSize = 18;
$desfontSize = 14;
$datefontsize = 14;
$im = imagecreatetruecolor ( 440, 700 ) or die ( "不能初始化新的 GD 图像流" ); // 创建一张空白图像
$_bg_color = imagecolorallocate ( $im, 255, 255, 255 ); // 创建颜色，返回颜色标识符
imagefill ( $im, 0, 0, $_bg_color ); // 初始化图像背景为$_bg_color
$bg = imagecreatefromstring ( file_get_contents ( $bigImgPath ) ); // 获取网络图片
$src_info = getimagesize ( $bigImgPath ); // 得到图片大小
$bgsf = imagecreatetruecolor ( 440, 300 ); // 创建一个画布
imagecopyresampled ( $bgsf, $bg, 0, 0, 0, 0, 440, 300, $src_info [0], $src_info [1] ); // 缩放图像
imagecopymerge ( $im, $bgsf, 0, 0, 0, 0, 440, 300, 100 ); // 复制合成
$_text_color = imagecolorallocate ( $im, 0, 0, 0 ); // 文字颜色
$fontpath = FCPATH . 'static/js/neweditor/wt.ttf'; // 字体文件路径
$im = $this->textcl ( $im, $_text_color, $str, $fontSize, $fontpath, 330, '',1,0 ); // 处理多行文字
$im = $this->textcl ( $im, $_text_color, $description, $desfontSize, $fontpath, 410, ' ',1,0);
$qecode = imagecreatefromstring ( file_get_contents ( $ewm ) ); // 获取网络图片
$ewm_info = getimagesize ( $ewm ); // 得到图片大小
imagecopymerge ( $im, $qecode, 10, 520, 0, 0, $ewm_info [0], $ewm_info [1], 100 ); // 复制合成
$dateimg = imagecreatetruecolor ( 200, 200 ); // 创建一个画布
imagefill ( $dateimg, 0, 0, $_bg_color ); // 填充颜色
imagettftext ( $dateimg, $datefontsize, 0, 0, 50, $_text_color, $fontpath, $domain ); // 文字转图片
imagettftext ( $dateimg, $desfontSize, 0, 0, 90, $_text_color, $fontpath, '————————————————————————' );
imagettftext ( $dateimg, $desfontSize, 0, 0, 120, $_text_color, $fontpath, $datestr );
imagecopymerge ( $im, $dateimg, 200, 520, 0, 0, 200, 200, 100 ); // 复制合成
header ( "Content-type: image/png" ); // 以图像类型输出
imagepng ( $im ); // 展示图像
imagedestroy ( $im ); // 销毁图像，释放资源
}
function textcl($img, $_text_color, $str, $fontSize, $fontpath, $Y, $before,$mk=1,$type=1) {
for($i = 0; $i < mb_strlen ( $str ); $i ++) {
$letter [] = mb_substr ( $str, $i, 1, 'utf-8' );
}
$maxwidth=700;
$maxftwidth=750;
if($mk==0){
$maxwidth=480;
}
if($type==0){
$maxwidth=400;
$maxftwidth=440;
}
$content = $before;
foreach ( $letter as $l ) {
$teststr = $content . " " . $l;
$fontBox = imagettfbbox ( $fontSize, 0, $fontpath, $teststr );
if (($fontBox [2] > $maxwidth) && ($content !== "")) {
$content .= "\n";
}
$content .= $l;
}
imagettftext ( $img, $fontSize, 0,$mk==0? 40: ceil ( ($maxftwidth - $fontBox [2]) / 2 ), $Y, $_text_color, $fontpath, $content );
return $img;
}
/**
* 直接把圆角图片画在背景图片上
* @param $bg_img 背景图片
* @param $x 背景图片位置
* @param $y 背景图片位置
* @param $src_img 要画的圆角的图片
* @param $width 圆角图片的尺寸
* @param $height 圆角图片的尺寸
* @param int $radius 圆角尺寸
* @return resource
*/
public static function radius_img_bg($bg_img, $x, $y, $src_img, $width,$height, $radius = 15) {
$ob_x = $x;
$ob_y = $y;
$max_x = $ob_x + $width;
$max_y = $ob_y + $height;
$start_y = $y;
$radius = $radius == 0 ? (min($width, $height) / 2) : $radius;
$r = $radius; //圆 角半径
for ($x; $x < $max_x; $x++) {
for ($y=$start_y; $y < $max_y; $y++) {
$rgbColor = imagecolorat($src_img, $x-$ob_x, $y-$ob_y);
if (
($x >= $ob_x + $radius && $x <= ($max_x - $radius)) ||
($y >= $ob_y + $radius && $y <= ($max_y - $radius))
) {
//不在四角的范围内,直接画
imagesetpixel($bg_img, $x, $y, $rgbColor);
} else {
//在四角的范围内选择画
//上左
$y_x = $ob_x + $r; //圆心X坐标
$y_y = $ob_y + $r; //圆心Y坐标
if ((pow($x - $y_x, 2) + pow($y - $y_y, 2) <= pow($r,2))) {
imagesetpixel($bg_img, $x, $y, $rgbColor);
}
//上右
$y_x = $max_x - $r; //圆心X坐标
$y_y = $ob_y + $r; //圆心Y坐标
if ((pow($x - $y_x, 2) + pow($y -$y_y, 2) <= pow($r,2))) {
imagesetpixel($bg_img, $x, $y, $rgbColor);
}
//下左
$y_x = $ob_x + $r; //圆心X坐标
$y_y = $max_y - $r; //圆心Y坐标
if (pow($x - $y_x,2) + pow($y - $y_y,2) <= pow($r, 2)) {
imagesetpixel($bg_img, $x, $y, $rgbColor);
}
//下右
$y_x = $max_x - $r; //圆心X坐标
$y_y = $max_y - $r; //圆心Y坐标
if (pow($x - $y_x,2) + pow($y - $y_y,2) <= pow($r, 2)) {
imagesetpixel($bg_img, $x, $y, $rgbColor);
}
}
}
}
return $bg_img;
}
}
\ No newline at end of file
application/views/default/topicone.php
浏览文件 @ a8453a71
......@@ -3,6 +3,8 @@
<link rel="stylesheet" media="all" href="{SITE_URL}static/css/widescreen/css/greendetail.css?v1.1" />
<link rel="stylesheet" media="all" href="{SITE_URL}static/css/widescreen/css/widescreendetail.css?v1.1" />
<script type="text/javascript" src="{SITE_URL}static/js/jquery.qrcode.min.js"></script>
<link rel="stylesheet" type="text/css" href="{SITE_URL}static/js/poster/poster.css">
<script type="text/javascript" src="{SITE_URL}static/js/poster/haibao.js"></script>
<div class="scrollshow position-inf" style="display: none;">
<div class="fix-hnav posd" style="display: block;">
......@@ -61,6 +63,7 @@
<a class="share-circle" data-toggle="tooltip" target="_self" data-original-title="分享到qq" href="javascript:shareqq()" title="分享到QQ"><i class="fa fa-qq"></i></a>
<a class="" data-toggle="tooltip" target="_self" data-original-title="生成海报" href="javascript:showposter('{SITE_URL}',$topicone['id'],'article')" title="生成海报" style="margin-left: 10px;font-size:12px;"><span class=""><i style="margin-right: 5px;font-size:18px;position:relative;top:3px;" class="fa fa-share-alt"></i></span>生成海报</a>
<script type="text/javascript">
......
application/views/fronzewap/green.css 已删除 100644 → 0
浏览文件 @ 9d26316e
此差异已折叠。
application/views/fronzewap/topicone.php
浏览文件 @ a8453a71
<!--{template header}-->
<link rel="stylesheet" type="text/css" href="{SITE_URL}static/js/wangeditor/pcwangeditor/css/wangEditor.min.css">
<link rel="stylesheet" type="text/css" href="{SITE_URL}static/js/poster/poster.css">
<script type="text/javascript" src="{SITE_URL}static/js/poster/haibao.js"></script>
{eval $hidefooter=true;}
<script>
......@@ -80,7 +83,9 @@ var topiclink="{url topic/getone/$topicone['id']}";
</ul>
<span class="ui-nowrap " style="margin-top:1rem"> 发布时间:{$topicone['viewtime']}</span>
<div class="entry-info"> <span>{eval echo date('Y年n月d日 H:i',$topicone['timespan'])}</span> <span class="dot">•</span> <a href="{eval echo url('topic/catlist/'.$cat_model['id']);}" rel="category tag">来自:{$cat_model['name']}</a> <span class="dot">•</span> <span>阅读 {$topicone['views']}</span></div>
<!--{if $user['grouptype']==1||$user['uid']==$topicone['authorid']}-->
<span class="ui-nowrap " onclick="show_questionoprate()" style="margin-top:.8rem;margin-left:5px;font-size:12px;"><i class="fa fa-gear " style="font-size:14px;position;relative;top:1px;margin:0 2px;"></i>管理</span>
......@@ -111,43 +116,25 @@ var topiclink="{url topic/getone/$topicone['id']}";
</p>
{/if}
<div class="c_btns">
<!--{if $isfollowarticle}-->
<a href="{url favorite/delfavoratearticle/$topicone['id']}"> <div class="btnhassoucang">
已收藏文章
</div></a>
<!--{else}-->
<a href="{url favorite/topicadd/$topicone['id']}"> <div class="btnsoucang">
收藏文章
</div></a>
<!--{/if}-->
{if 9!=$question['status']}
{if $user['uid']==0}
<div class="btnwirteans" onclick="window.location.href='{url user/login}'">
写评论
</div>
{else}
<div class="btnwirteans" >
写评论
</div>
{/if}
{/if}
</div>
<div class="show-foot">
{if $topicone['articleclassid']}<p>本文章来自话题:<a href="{url cat-$cat_model['id']}" >{$cat_model['name']}</a>
<a class="reportques" onclick="openinform(0,'{$topicone['title']}',{$topicone['id']})" id="report-modal">举报文章</a>
</p>{/if}
<div class="entry-copyright"><p>发布者：{$topicone['author']}，转载请注明出处：<span>{eval echo url('topic/getone/'.$topicone['id']);}</span></p>
如果此文侵权可以 ：<a class="reportques" onclick="openinform(0,'{$topicone['title']}',{$topicone['id']})" id="report-modal">举报文章</a>
</div>
</div>
</div>
<div class="entry-bar">
<div class="entry-bar-inner clearfix" >
<div class="info pull-right">
<div class="info-item meta">
<a class="meta-item j-heart" href="{url favorite/topicadd/$topicone['id']}" >
<i class="fa fa-heart"></i> <span class="data">{$topicone['likes']}</span></a>
<a class="meta-item" onclick="$('.comment-area').focus();"><i class="fa fa-comments"></i>
<span class="data">{$topicone['articles']}</span></a></div>
<div class="info-item share">
<a class="meta-item mobile j-mobile-share" href="javascript:showposter('{SITE_URL}',$topicone['id'],'article');" ><i class="fa fa-share-alt"></i> 生成海报</a>
</div></div></div></div>
</article>
<section class="article-jingxuan ui-panel" style="overflow: visible;clear: both;">
<h2 class="ui-txt-warning" style="overflow: visible;">相关推荐</h2>
......
static/css/fronze/css/main.css
浏览文件 @ a8453a71
......@@ -280,7 +280,7 @@ color: transparent;
}
.article .article-content *{
max-width: 100%;
max-width: 100% !important;
}
.article .art-font{
font-size: 20px;
......@@ -730,39 +730,6 @@ pre{
white-space: normal;
word-break: break-all;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.hljs, pre {
background: #f6f6f6;
color: #657b83;
-webkit-text-size-adjust: none;
}
.bar_top{
position: fixed;
......@@ -1138,7 +1105,7 @@ float: right;
}
.f-addarticle .editor_container {
height: 240px;
background-color: #fff;
text-align: left;
box-shadow: none;
......@@ -2271,7 +2238,7 @@ h2 {
vertical-align: middle;
}
.imgthumbbig{
overflow:hidden;
}
.imgthumbbig img{
......@@ -2766,7 +2733,7 @@ width: 15px;
position: relative;
top: 3px;
margin-right: 2px;
background-size: 20% 80%;
background-size: 25% 80%;
}
.my-favorite a.caina{
......@@ -2776,7 +2743,7 @@ width: 15px;
position: relative;
top: 3px;
margin-right: 2px;
background-size: 23% 80%;
background-size: 28% 80%;
}
.my-favorite a.zan{
......@@ -2786,7 +2753,18 @@ width: 15px;
position: relative;
top: 3px;
margin-right: 2px;
background-size: 23% 80%;
background-size: 28% 80%;
}
.my-favorite a.kc{
width: 15px;
height: 25px;
background: url(images/kc.png) no-repeat 50% top;
position: relative;
top: 3px;
margin-right: 2px;
background-size: 40% 80%;
background-position-y: -5px;
}
.profile .head-v:after {
......@@ -3567,7 +3545,7 @@ transform:translateZ(1px);
z-index: 999999999;
}
.ui-footer{
z-index:0;
z-index:1;
}
.fa-yao{
width: 18px;
......@@ -3625,4 +3603,125 @@ hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.entry-info {
clear:both;
font-size: 14px;
padding-bottom: 10px;
color: #999;
}
.entry-info .dot {
margin: 0 6px;
color: #ccc;
}
.entry-info {
padding-bottom: 10px;
color: #999;
}
.entry-info a {
color: #999;
}
.entry-copyright {
margin-top: 30px;
padding: 15px;
font-size: 13px;
line-height: 1.6;
color: #999;
border: 1px solid #efefef;
background: #fbfbfb;
border-radius: 3px;
}
.entry-copyright p {
margin-bottom: 8px!important;
text-indent: 0!important;
}
.entry .entry-content p {
margin-bottom: 20px;
margin-bottom: 1.66667rem;
line-height: 1.8;
}
.entry-copyright p:last-child {
margin-bottom: 0!important;
}
.entry-copyright .reportques{
color:#8590a6;
}
.entry-bar .meta-item {
position: relative;
display: inline-block;
padding: 0 10px;
overflow: hidden;
vertical-align: top;
transition: all .3s ease-out 0s;
}
.entry-bar .info-item.share .mobile {
display: block;
line-height: 30px;
background: #3ca5f6;
color: #fff;
border-radius: 3px;
}
.entry-bar .info-item.share .mobile .fa {
vertical-align: top;
line-height: 30px;
font-size: 14px;
margin-right: 2px;
}
.entry-bar .info-item {
position: relative;
display: inline-block;
margin-right: 15px;
padding-left: 15px;
color: #ccc;
line-height: 30px;
}
.entry-bar .info-item.share {
float: left;
margin-right: 0;
padding-left: 0;
vertical-align: top;
}
.entry-bar .info {
float: none!important;
}
.pull-right {
float: right!important;
}
.entry-bar {
height: 60px;
margin: 30px -20px;
}
.entry-bar .info-item a {
color: #ccc;
text-decoration: none;
}
.entry-bar .meta-item {
position: relative;
display: inline-block;
padding: 0 10px;
overflow: hidden;
vertical-align: top;
transition: all .3s ease-out 0s;
}
.entry-bar-inner {
padding: 15px 30px;
background: #fff;
background: hsla(0,0%,100%,.92);
border-top: 1px solid transparent;
transition: all .3s ease-out 0s;
}
.entry-bar-inner {
padding: 15px 20px;
}
.entry-bar .info-item.meta {
margin: 0;
float: right;
}
.entry-bar .meta {
padding-left: 0;
}
\ No newline at end of file
static/js/poster/haibao.js 0 → 100644
浏览文件 @ a8453a71
var has_submitposter=false;
var _elhaibao;//加载进度条元素
var _elpostpop;//海报弹出层
function ajaxloading(text){
_elhaibao=document.createElement("div");
_elhaibao.id="ajax_loading";
_elhaibao.innerHTML="<div style='border-radius: 5px;;font-size: 14px;;color: #fff;background: #000;opacity: 0.8;width: 80px;height: 80px;line-height:80px;text-align:center;position: fixed;top:50%;left: 48%;z-index:999999999;'>"+text+"</div>";
document.body.appendChild(_elhaibao);
return _elhaibao;
}
function removeajaxloading(){
document.body.removeChild(_elhaibao);
}
//显示海报-siteurl 网站网址，postid-处理对象id--posttype处理类型
function showposter(siteurl,postid,posttype){
if(has_submitposter==true){
return false;
}
var url=siteurl+"?poster/ajaxmake/"+posttype+"/"+postid+".html"
var poplayer='<div class="whatsns-share-bg"><div class="top_tips" style="display: block;">请长按图片，将内容推荐给好友</div></div>';
var popcontent='<div class="whatsns-share-wrap"><img src="'+url+'"><div onclick="closeposter()" class="whatsns-share-close">×</div></div>';
has_submitposter=true;
_elpostpop=document.createElement("div");
_elpostpop.id="postpop";
_elpostpop.innerHTML=poplayer+popcontent;
document.body.appendChild(_elpostpop);
}
function closeposter(){
document.body.removeChild(_elpostpop);
has_submitposter=false;
}
\ No newline at end of file
static/js/poster/poster.css 0 → 100644
浏览文件 @ a8453a71
.whatsns-share-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: rgba(0,0,0,.5)
}
.whatsns-share-bg .top_tips {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 32px;
line-height: 32px;
font-size: 14px;
background: rgba(255,235,155,.95);
color: #a65018;
text-align: center
}
@media (min-width:992px) {
.whatsns-share-bg .top_tips {
display: none!important
}
}
.whatsns-share-wrap {
position: fixed;
width: 100%;
height: 80%;
left: 0;
top: 40px;
z-index: 100000;
text-align: center
}
.whatsns-share-wrap img {
position: relative;
max-height: 100%;
max-width: 96%;
width: auto;
display: block;
margin: 0 auto
}
.whatsns-share-wrap .loading {
display: inline-block;
padding: 8px 25px;
text-align: center;
font-size: 14px;
margin-top: 40%;
line-height: 20px;
color: #666;
background: #fff;
border-radius: 3px
}
@media (min-width:992px) {
.whatsns-share-wrap .loading {
padding: 10px 30px;
margin-top: 50px
}
}
.whatsns-share-wrap .whatsns-share-close {
position: relative;
display: inline-block;
margin-top: -25px;
width: 50px;
height: 50px;
font-size: 26px;
line-height: 48px;
font-weight: 300;
color: #333;
border-radius: 50%;
background: #fefefe;
text-align: center;
vertical-align: top;
font-family: serif;
box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
cursor: pointer
}
.media-modal {
outline: 0
}
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或