作者 zhangwei

点赞收藏

... ... @@ -20,6 +20,16 @@
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
#collections {
width: 30px;
height: 30px;
}
#likes {
width: 32px;
height: 32px;
}
</style>
</head>
... ... @@ -104,7 +114,7 @@
<img src="__TMPL__/public/assets/starImg/aicon_89.png" alt="">
<img src="__TMPL__/public/assets/starImg/aicon_90.png" alt="">
<img id="collections" src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
<img id="likes" src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
<img id="likes" src="__TMPL__/public/assets/starImg/bicon_031.png" alt="">
</div>
</div>
</div>
... ... @@ -250,43 +260,43 @@
}
//是否收藏
function is_collections(article_id){
var host = 'http://'+window.location.host;
function is_collections(article_id) {
var host = 'http://' + window.location.host;
$.ajax({
type: 'POST',
url: '/portal/star/is_collections',
data: {
'id':article_id,
'id': article_id,
},
dataType: 'json',
async : false,
success: function (data) {
async: false,
success: function(data) {
console.log(data);
if (data.code == 1) {
$('#collections').attr('src',host+'/themes/simpleboot3/public/assets/starImg/bicon_15.png')
$('#collections').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_15.png')
} else {
$('#collections').attr('src',host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png')
$('#collections').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_02.png')
}
}
});
}
//是否点赞
function is_likes(article_id){
var host = 'http://'+window.location.host;
function is_likes(article_id) {
var host = 'http://' + window.location.host;
$.ajax({
type: 'POST',
url: '/portal/star/is_likes',
data: {
'id':article_id,
'id': article_id,
},
dataType: 'json',
async : false,
success: function (data) {
async: false,
success: function(data) {
if (data.code == 1) {
$('#likes').attr('src',host+'/themes/simpleboot3/public/assets/starImg/bicon_16.png')
$('#likes').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_161.png')
} else {
$('#likes').attr('src',host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png')
$('#likes').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_031.png')
}
}
});
... ...
... ... @@ -74,26 +74,32 @@ body {
.clearfix {
zoom: 1;
}
@media (max-width: 1700px) {
.show_InMain{
.show_InMain {
background-position: -84px 0;
}
}
@media (max-width: 1580px) {
.show_InMain{
.show_InMain {
background-position: -120px 40px;
}
}
@media (max-width: 1480px) {
.show_InMain{
.show_InMain {
background-position: -190px 40px;
}
}
@media (max-width: 1360px) {
.show_InMain{
.show_InMain {
background-position: -250px 40px;
}
}
/* 侧边栏 */
.sidebar {
... ... @@ -238,8 +244,8 @@ body {
width: 140px;
margin-top: 66px;
float: left;
height:140px;
border-radius:50%
height: 140px;
border-radius: 50%
}
.show_INMain_con2 {
... ... @@ -316,13 +322,13 @@ body {
.show_indexImg1 {
width: 400px;
height:400px;
height: 400px;
float: left;
}
.show_index_con2Txt2 {
width: 760px;
height:350px;
height: 350px;
float: left;
padding-top: 24px;
box-sizing: border-box;
... ... @@ -334,7 +340,11 @@ body {
color: rgba(102, 102, 102, 1);
/*line-height: 28px;*/
}
.show_index_con2Txt2::-webkit-scrollbar {display:none}
.show_index_con2Txt2::-webkit-scrollbar {
display: none
}
.show_index_progress {
width: 800px;
height: 50px;
... ... @@ -345,12 +355,15 @@ body {
.show_index_progress img {
margin: 10px 0 0 45px;
}
.swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled {
.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled {
opacity: 1;
cursor: auto;
pointer-events: none;
background-color: white;
}
.swiper-button-next2,
.swiper-button-prev2 {
width: 30px;
... ... @@ -404,17 +417,19 @@ body {
z-index: 1;
position: relative;
}
.show_swiper2_btn22{
.show_swiper2_btn22 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/* 星球画廊 */
.swiper-container li {
... ... @@ -503,7 +518,7 @@ body {
.show_INMain_con4 ul li img {
width: 230px;
height:150px;
height: 150px;
float: left;
}
... ... @@ -526,17 +541,18 @@ body {
margin: 10px 0 18px 0;
color: rgba(153, 153, 153, 1);
line-height: 22px;
height:42px;
height: 42px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.show_INMain_con5_2 img{
width:44px;
height:44px;
border-radius:50%;
.show_INMain_con5_2 img {
width: 44px;
height: 44px;
border-radius: 50%;
}
.show_INMain_con4_txt span {
... ... @@ -569,14 +585,14 @@ body {
.show_INMain_con5_1 img {
width: 100%;
height:218px;
height: 218px;
}
.show_INMain_con5_2 {
width: 305px;
text-align: center;
margin: auto;
height:138px;
height: 138px;
}
.show_INMain_con5_2 img {
... ... @@ -613,12 +629,12 @@ body {
.show_INMain_con6 ul li img {
width: 100%;
height:340px;
height: 340px;
}
.show_INMain_con6_1 {
width: 490px;
height:78px;
height: 78px;
margin: auto;
text-align: center;
}
... ... @@ -678,7 +694,7 @@ body {
cursor: pointer;
font-size: 32px;
color: rgba(26, 26, 26, 1);
text-align:center;
text-align: center;
}
.show_main_Tit p {
... ... @@ -787,7 +803,7 @@ body {
color: rgba(62, 228, 152, 1);
}
.show_comments_con dl{
.show_comments_con dl {
font-size: 16px;
font-weight: 400;
line-height: 24px;
... ... @@ -806,7 +822,7 @@ body {
text-align: center;
font-size: 18px;
color: rgba(62, 228, 152, 1);
margin-top:30px;
margin-top: 30px;
}
... ... @@ -846,10 +862,12 @@ body {
height: 140px;
border-radius: 50%;
}
.show6_con2{
margin-top:50px;
.show6_con2 {
margin-top: 50px;
}
.show_3_list_txt h1{
.show_3_list_txt h1 {
height: 170px;
overflow: hidden;
text-align: center;
... ... @@ -916,7 +934,7 @@ body {
font-size: 28px;
font-weight: bold;
color: rgba(26, 26, 26, 1);
margin-bottom:40px;
margin-bottom: 40px;
}
.show_4_con1 span {
... ... @@ -975,7 +993,7 @@ body {
}
.show_5_con img {
max-width:1100px;
max-width: 1100px;
margin-top: 20px;
}
... ... @@ -992,20 +1010,19 @@ body {
.show6_con_top1 img {
width: 330px;
height:330px;
height: 330px;
float: left;
border-radius: 50%;
}
.show_main_txt img{
max-width:1100px
.show_main_txt img {
max-width: 1100px
}
.show6_con2 img{
max-width:1130px;
.show6_con2 img {
max-width: 1130px;
}
.show6_con_top2 {
width: 726px;
float: left;
... ... @@ -1048,18 +1065,20 @@ body {
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
.show6_con2{
.show6_con2 {
overflow: hidden;
}
.show6_con2 img {
}
.show6_con2 img {}
.show6_con2 p {
font-size: 16px;
color: rgba(102, 102, 102, 1);
line-height: 32px;
}
/* 星球影院页 */
.show_9 {
... ... @@ -1250,7 +1269,6 @@ body {
.show_9_video_asideTxt3 img {
width: 40px;
cursor: pointer;
border-radius: 50%;
margin-right: 8px;
display: inline-block;
}
... ... @@ -1262,6 +1280,7 @@ body {
.show_9_video_asideCon ul li:hover p {
color: #09FF8E;
}
.video_mask {
position: fixed;
top: 44%;
... ... @@ -1279,6 +1298,7 @@ body {
color: rgba(255, 255, 255, 1);
}
/* 更多快报页 */
.show_7 {
... ... @@ -1397,6 +1417,7 @@ body {
padding-left: 59px;
}
/* 相册详情 */
.show_8 {
... ... @@ -1415,7 +1436,7 @@ body {
height: 675px;
margin: auto;
overflow: hidden;
position:relative;
position: relative;
}
.gallery-top ul li img {
... ... @@ -1647,6 +1668,7 @@ body {
color: rgba(153, 153, 153, 1);
line-height: 22px;
}
.show_9_video_asideTxt {
padding: 24px 32px;
box-sizing: border-box;
... ... @@ -1673,7 +1695,6 @@ body {
margin-right: 80px;
}
.show_9_video_asideTxt3 p {
font-size: 16px;
float: left;
... ... @@ -1682,14 +1703,6 @@ body {
color: rgba(26, 26, 26, 1);
}
.show_9_video_asideTxt3 img {
width: 40px;
cursor: pointer;
border-radius: 50%;
margin-right: 8px;
display: inline-block;
}
.show_9_video_asideCon ul li:hover img {
opacity: 1;
}
... ... @@ -1811,19 +1824,24 @@ body {
font-size: 18px;
color: rgba(255, 255, 255, 1);
}
.video_box{
.video_box {
width: 100%;
height: 30px;
visibility: hidden;
position: absolute;
bottom: 0;
}
/*故事更多頁面*/
.show_story{
.show_story {
width: 1200px;
margin:70px auto 150px;
margin: 70px auto 150px;
}
/* 独角日志页面 */
.show_logBox,
... ...
$(function(){
var host = 'http://'+window.location.host;
$(function() {
var host = 'http://' + window.location.host;
// 收藏
$('.collections').click(function() {
if ($(this).children('img').attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png') {
if ($(this).children('img').attr('src') == host + '/themes/simpleboot3/public/assets/starImg/bicon_02.png') {
var login = operation('/portal/star/collection');
if(login == 0){
if (login == 0) {
return false;
}
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_15.png');
$(this).children('img').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_15.png');
} else {
var login = operation('/portal/star/cancelCollection');
if(login == 0){
if (login == 0) {
return false;
}
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png');
$(this).children('img').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_02.png');
}
});
//点赞
$('.likes').click(function() {
if ($(this).children('img').attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png') {
if ($(this).children('img').attr('src') == host + '/themes/simpleboot3/public/assets/starImg/bicon_03.png') {
var login = operation('/portal/star/like');
if(login == 0){
if (login == 0) {
return false;
}
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_16.png');
$(this).children('img').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_16.png');
} else {
var login = operation('/portal/star/cancelLike');
if(login == 0){
if (login == 0) {
return false;
}
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png');
$(this).children('img').attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_03.png');
}
});
// 收藏更多视频
$('#collections').click(function() {
if ($(this).attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png') {
var login = operation('/portal/star/collection',1);
if(login == 0){
if ($(this).attr('src') == host + '/themes/simpleboot3/public/assets/starImg/bicon_02.png') {
var login = operation('/portal/star/collection', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_15.png');
$(this).attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_15.png');
} else {
var login = operation('/portal/star/cancelCollection',1);
if(login == 0){
var login = operation('/portal/star/cancelCollection', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png');
$(this).attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_02.png');
}
});
//点赞
$('#likes').click(function() {
if ($(this).attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png') {
var login = operation('/portal/star/like',1);
if(login == 0){
if ($(this).attr('src') == host + '/themes/simpleboot3/public/assets/starImg/bicon_031.png') {
var login = operation('/portal/star/like', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_16.png');
$(this).attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_161.png');
} else {
var login = operation('/portal/star/cancelLike',1);
if(login == 0){
var login = operation('/portal/star/cancelLike', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png');
$(this).attr('src', host + '/themes/simpleboot3/public/assets/starImg/bicon_031.png');
}
});
... ... @@ -90,22 +90,22 @@ $(function(){
//头部导航栏切换颜色
var str_url = window.location.pathname;
$('.home_nav_act,.slide_vo').children('a').removeClass('home_nav_act');
var star = 'star';//星球奇境
var region = 'region';//星域秀场
var enjoy = 'enjoy';//星享体验
var scout = 'scout';//星探推荐
var active = 'active';//星际活动
if(str_url.indexOf(star) != -1){
var star = 'star'; //星球奇境
var region = 'region'; //星域秀场
var enjoy = 'enjoy'; //星享体验
var scout = 'scout'; //星探推荐
var active = 'active'; //星际活动
if (str_url.indexOf(star) != -1) {
$('.slide_vo').eq(0).children('a').addClass('home_nav_act');
}else if(str_url.indexOf(region) != -1){
} else if (str_url.indexOf(region) != -1) {
$('.slide_vo').eq(1).children('a').addClass('home_nav_act');
}else if(str_url.indexOf(enjoy) != -1){
} else if (str_url.indexOf(enjoy) != -1) {
$('.slide_vo').eq(2).children('a').addClass('home_nav_act');
}else if(str_url.indexOf(scout) != -1){
} else if (str_url.indexOf(scout) != -1) {
$('.slide_vo').eq(3).children('a').addClass('home_nav_act');
}else if(str_url.indexOf(active) != -1){
} else if (str_url.indexOf(active) != -1) {
$('.slide_vo').eq(4).children('a').addClass('home_nav_act');
}else{
} else {
$('.home_nav_act').children('a').addClass('home_nav_act');
}
... ... @@ -114,46 +114,46 @@ $(function(){
$('.page-item:last').children().text('>');
//注册页面
$('#register').click(function(){
$('#register').click(function() {
window.location.href = '/portal/login/register';
});
//登录页面
$('#login').click(function(){
$('#login').click(function() {
window.location.href = '/portal/login/login';
});
//个人中心
$('.login_person').click(function(){
$('.login_person').click(function() {
window.location.href = '/portal/login/info';
});
//修改资料页面
$('#editInfo').click(function(){
$('#editInfo').click(function() {
window.location.href = '/portal/login/editInfo';
});
//我的收藏页面
$('#myCollection').click(function(){
$('#myCollection').click(function() {
window.location.href = '/portal/login/myCollection';
});
//评论
$('#comment').click(function(){
$('#comment').click(function() {
var content = $('#comment_content').val();
var article_id = getUrlParam('id');
var url = window.location.pathname+window.location.search;
var url = window.location.pathname + window.location.search;
$.ajax({
type: 'POST',
url: "/portal/star/comment",
data: {
'content': content,
'article_id':article_id,
'url':url
'article_id': article_id,
'url': url
},
dataType: 'json',
success: function (data) {
success: function(data) {
console.log(data);
if (data.code == 1) {
mask(data.msg);
... ... @@ -165,20 +165,20 @@ $(function(){
});
});
//关于我们
$('#about_us,#about_us1').click(function(){
$('#about_us,#about_us1').click(function() {
window.location.href = '/portal/index/aboutUs';
});
//搜索
$("#keywords").keypress(function (e) {
$("#keywords").keypress(function(e) {
if (e.which == 13) {
$("#searchForm").submit();//处理事件
$("#searchForm").submit(); //处理事件
}
});
var share_url = encodeURIComponent(location.href);
var share_title = encodeURIComponent(document.title);
//分享到微博
$('.weibo').click(function(){
$('.weibo').click(function() {
var param = {
url: share_url,
title: share_title,
... ... @@ -193,24 +193,24 @@ $(function(){
});
//点赞收藏
function operation(url,id =''){
if(id == ''){
function operation(url, id = '') {
if (id == '') {
var article_id = getUrlParam('id');
}else{
} else {
var article_id = $('#li_id').val();
}
var is_login = 1;
var post_url = window.location.pathname+window.location.search;
var post_url = window.location.pathname + window.location.search;
$.ajax({
type: 'POST',
url: url,
data: {
'article_id':article_id,
'post_url':post_url
'article_id': article_id,
'post_url': post_url
},
dataType: 'json',
async : false,
success: function (data) {
async: false,
success: function(data) {
if (data.code == 1) {
mask(data.msg);
} else {
... ... @@ -225,20 +225,20 @@ function operation(url,id =''){
function mask(msg) {
$('.mask').text(msg);
$('.mask').show();
setTimeout(function(){
setTimeout(function() {
$('.mask').hide();
$('.mask').text('');
},4000);
}, 4000);
}
//弹框
function video_mask(msg) {
$('.mask').text(msg);
$('.mask').show();
setTimeout(function(){
setTimeout(function() {
$('.mask').hide();
$('.mask').text('');
},6000);
}, 6000);
}
//获取url的参数
... ...
... ... @@ -31,6 +31,26 @@
height: 3.5rem;
background-color: black;
}
.index_seventh_bottom_img2 {
width: 0.5rem;
height: 0.5rem;
}
.index_seventh_bottom_img2 img {
width: 100%;
height: 100%;
}
.index_seventh_bottom_img1 {
width: 0.8rem;
height: 0.8rem;
}
.index_seventh_bottom_img1 img {
width: 100%;
height: 100%;
}
</style>
</head>
... ... @@ -120,11 +140,11 @@
<div class="index_seventh_bottom_img1">
<img src="__TMPL__/public/assets/images/cicon_72@2x.png" alt="" />
</div>
<div class="index_seventh_bottom_img1">
<div class="index_seventh_bottom_img2" style="margin-left:0.3rem;">
<img id="collections" src="__TMPL__/public/assets/images/bicon_02.png" alt="">
</div>
<div class="index_seventh_bottom_img1">
<img id="likes" src="__TMPL__/public/assets/images/bicon_03.png" alt="">
<div class="index_seventh_bottom_img2" style="margin-left:0.2rem;width: 0.55rem;height: 0.55rem;">
<img id="likes" src="__TMPL__/public/assets/images/bicon_031.png" alt="">
</div>
<input type="hidden" class="collection" value="">
... ... @@ -300,43 +320,43 @@
}
//是否收藏
function is_collections(article_id){
function is_collections(article_id) {
var host = 'http://' + window.location.host + '/themes/simpleboot3_mobile/public/assets';
$.ajax({
type: 'POST',
url: '/portal/star/is_collections',
data: {
'id':article_id,
'id': article_id,
},
dataType: 'json',
async : false,
success: function (data) {
async: false,
success: function(data) {
console.log(data);
if (data.code == 1) {
$('#collections').attr('src',host+'/images/bicon_15.png')
$('#collections').attr('src', host + '/images/bicon_15.png')
} else {
$('#collections').attr('src',host+'/images/bicon_02.png')
$('#collections').attr('src', host + '/images/bicon_02.png')
}
}
});
}
//是否点赞
function is_likes(article_id){
function is_likes(article_id) {
var host = 'http://' + window.location.host + '/themes/simpleboot3_mobile/public/assets';
$.ajax({
type: 'POST',
url: '/portal/star/is_likes',
data: {
'id':article_id,
'id': article_id,
},
dataType: 'json',
async : false,
success: function (data) {
async: false,
success: function(data) {
if (data.code == 1) {
$('#likes').attr('src',host+'/images/bicon_16.png')
$('#likes').attr('src', host + '/images/bicon_161.png')
} else {
$('#likes').attr('src',host+'/images/bicon_03.png')
$('#likes').attr('src', host + '/images/bicon_031.png')
}
}
});
... ...
... ... @@ -1500,10 +1500,11 @@ body::-webkit-scrollbar {
/* line-height: 0.58rem; */
}
.index_seventh_bottom_five img {
/* .index_seventh_bottom_five img {
width: 0.8rem;
height: 0.8rem;
}
} */
.index_seventh_bottom_img1 {
margin-left: 0.2rem
... ...
... ... @@ -77,14 +77,14 @@ $(function() {
// 收藏更多视频
$('#collections').click(function() {
if ($(this).attr('src') == host + '/images/bicon_02.png') {
var login = operation('/portal/star/collection',1);
if(login == 0){
var login = operation('/portal/star/collection', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host + '/images/bicon_15.png');
} else {
var login = operation('/portal/star/cancelCollection',1);
if(login == 0){
var login = operation('/portal/star/cancelCollection', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host + '/images/bicon_02.png');
... ... @@ -93,18 +93,18 @@ $(function() {
//点赞
$('#likes').click(function() {
if ($(this).attr('src') == host + '/images/bicon_03.png') {
var login = operation('/portal/star/like',1);
if(login == 0){
if ($(this).attr('src') == host + '/images/bicon_031.png') {
var login = operation('/portal/star/like', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host + '/images/bicon_16.png');
$(this).attr('src', host + '/images/bicon_161.png');
} else {
var login = operation('/portal/star/cancelLike',1);
if(login == 0){
var login = operation('/portal/star/cancelLike', 1);
if (login == 0) {
return false;
}
$(this).attr('src', host + '/images/bicon_03.png');
$(this).attr('src', host + '/images/bicon_031.png');
}
});
... ... @@ -211,7 +211,7 @@ $(function() {
var share_url = encodeURIComponent(location.href);
var share_title = encodeURIComponent(document.title);
//分享到微博
$('.weibo').click(function(){
$('.weibo').click(function() {
var param = {
url: share_url,
title: share_title,
... ... @@ -251,10 +251,10 @@ function video_mask(msg) {
}, 6000);
}
//点赞收藏
function operation(url,id ='') {
if(id == ''){
function operation(url, id = '') {
if (id == '') {
var article_id = getUrlParam('id');
}else{
} else {
var article_id = $('#li_id').val();
}
var is_login = 1;
... ...