☰

妖狐吧ios移动端适配

妖狐吧ios移动端适配，增加使用体验

当前为 2024-02-20 提交的版本，查看 最新版本。

// ==UserScript==
// @name         妖狐吧ios移动端适配
// @namespace    https://smlsy.com/
// @version      0.0.3
// @description  妖狐吧ios移动端适配，增加使用体验
// @author       生机勃勃的勃勃
// @match        https://smlsy.com/*
// @match        https://www.smlsy.com/*
// @match        https://yaohubaba.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant        GM_addStyle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            .nav-bag .nav {
                height: auto;
            }
            .nav-bag .nav .personal-center {
                display: flex;
                justify-content: flex-end;
                padding: 30px 0;
                position: relative;
            }
            .nav-bag .nav .personal-center li:hover .about-me {
                width: 1140px;
            }
            .nav-bag .nav-bar {
                display: flex;
                justify-content: space-around;
                position: relative;
                padding: 8px 0;
            }
            .nav-bag .nav-title {
                font-size: 36px;
                line-height: 36px;
                border-right: none;
                position: relative;
                margin: 0;
                padding: 30px 20px;
            }
            .nav-bag .nav-title .nav-title-down {
                top: 100%;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
            }
            .nav-bag .nav-title .nav-title-down a {
                padding: 35px 42px;
                width: auto;
                height: auto;
                line-height: unset;
                font-size: 38px;
            }
        }
    `)
    // 列表
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            html .item_video {
                width: calc(50% - 60px);
                margin-left: 27px;
                margin-right: 27px;
                border: 3px solid #e8e8e8;
                border-radius: 12px;
                margin-top: 30px;
                overflow: hidden;
                padding-bottom: 20px;
            }
            html .item_video .item_video_yuanchuang {
                width: 90px;
                height: 141px;
                background-size: 90px 141px;
                top: 9px;
            }

            html .item_video .video_duration {
                font-size: 30px;
                border-radius: 8px;
                padding: 4px 12px;
                background: rgba(0,0,0,.6);
                top: 4px;
            }
            html .item_video .new_video_icon {
                top: 47px;
                right: 6px;
            }
            html .item_video .new_video_icon img {
                height: 42px;
            }
            html .item_video .save_to_icon {
                display: none;
            }


            html .item_video .video_title {
                font-size: 36px;
            }
            html .item_video .video_txt_float {
                margin: 20px 4px 10px 8px;
                width: calc(50% - 12px);
            }
            html .item_video .video_txt_float p {
                font-size: 30px !important;
                width: auto;
            }
            html .item_video .go_to_support_btn {
                margin-bottom: -17px;
                margin-top: 15px;
                font-size: 24px;
                border-radius: 8px;
            }
        }
    `)
    GM_addStyle(`
        @media screen and (max-device-width: 600px) {
            #login_panel .login_form_table input {
                height: 123px;
                line-height: 123px;
                font-size: 60px !important;
            }
        }
    `)
    // Your code here...
})();