Анализ страницы https://e.china.cn/consult.html

Домен

e.china.cn

Состояние доменного имени ?

Используйте для продвижения только домен второго уровня.

Отличный запоминающийся домен.

Исправить

Ответ сервера

200 Успешный ответ

HTTP-код ответа и цепочка редиректов ?

Сервер настроен корректно.

Безопасность

Сайт безопасен

Использование HTTPS и SSL-сертификат ?

На сайте работает защищенный протокол ssl и сайт открывается по https.

Ssl-сертификат действителен до 25.11.2026 2:59:59.

Поздравляем! Сайт не содержится в реестре РКН.

Кодировка

UTF-8

Кодировка символов страницы ?

Указана кодировка на странице UTF-8.

Язык

en

Атрибут lang в HTML-теге ?

Язык документа указан явно: en.

Скорость загрузки

~1,24сек

Время отклика сервера (TTFB) ?

Скорость загрузки сайта 1,24сек превышает 1 секунду. Желательно улучшить работу сайта!

Исправить

Объем документа

12Кб

Размер HTML-кода страницы ?

Объем html-документа 12Кб оптимален.

Структура html-документа корректна.

Ресурсы

Ресурсы: 8

Внешние ресурсы страницы (CSS, JS, изображения) ?

Кол-во файлов ресурсов 8 достаточно.

Показать полный список ресурсов

Тип	Название	Значение
stylesheet		./iconfont/iconfont.css
stylesheet		./css/public.css
stylesheet		./css/element-ui.css
js		./js/vue2.js
js		./js/header.js
js		./js/footer.js
js		./js/axios.js
js		./js/element-ui.js

Серверные заголовки

Кол-во: 5

HTTP-заголовки ответа сервера ?

Найдены серверные заголовки 5шт. Подробнее про серверные заголовки.

Показать полный список серверных заголовков

Ключ	Значение
Server	openresty
Date	Fri, 21 Aug 2026 01:21:54 GMT
Vary	Accept-Encoding
ETag	"68b7f5d9-34d9"
Accept-Ranges	bytes

CMS

Не определена

Система управления сайтом (движок) ?

CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.

Веб-сервер

OpenResty

Программное обеспечение сервера ?

Сайт работает на веб-сервере OpenResty.

Title

中国溯源官网-资讯

Заголовок страницы в браузере и поисковой выдаче ?

Необходимо увеличить число символов в title (текущее значение мало: 9, минимум: 25, оптимально: от 40 до 45)

Дублей словоформ в title не найдено.

Исправить

Description

Описание страницы в поисковой выдаче (сниппет) ?

Установите мета-тег description!

Исправить

Keywords

Список ключевых слов страницы (устаревший тег) ?

Установите мета-тег keywords!

Исправить

Канонический Url

Указывает поисковику основную версию страницы ?

Robots

Ошибок нет

Директивы для поисковых роботов на уровне страницы ?

Meta-тег robots не указан. Страница свободна для индексации.

Адаптивность

width=device-width, initial-scale=1.0

Настройка масштабирования на мобильных устройствах ?

Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.

Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».

Разметка OpenGraph

Кол-во: 4

Мета-теги для красивых превью в соцсетях ?

Разметка OpenGraph задана. Страница оптимизирована под социальные сети.

Показать полный список og мета-тегов

Тип	Значение
og:title	中国溯源—中国互联网新闻中心主办，供应链数字化和统一大市场
og:url	https://t-zgsy.ourdian.com
og:description	2022年，经中国互联网新闻中心研究决定，创立中国溯源。中国互联网新闻中心是由国务院新闻办公室领导，中国外文出版发行事业局管理的多语种全媒体报道解读新时代中国的国家权威网络传播平台。
og:image	./img/icon.png

Все мета-теги

Кол-во: 5

Полный список мета-тегов страницы ?

Найдены мета-теги 5шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.

Показать полный список мета-тегов

Тип	Название	Значение
name	viewport	width=device-width, initial-scale=1.0
property	og:title	中国溯源—中国互联网新闻中心主办，供应链数字化和统一大市场
property	og:url	https://t-zgsy.ourdian.com
property	og:description	2022年，经中国互联网新闻中心研究决定，创立中国溯源。中国互联网新闻中心是由国务院新闻办公室领导，中国外文出版发行事业局管理的多语种全媒体报道解读新时代中国的国家权威网络传播平台。
property	og:image	./img/icon.png

Структура

Ошибок нет

Семантические HTML-элементы страницы ?

Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).

Контент

Есть ошибки

Объём и качество текстового содержимого ?

Слова из title 0 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!

Абзацев с текстом 0 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!

Среднее число слов в абзаце 0 слишком мало. Сделайте контент более читаемым!

Кол-во знаков контента 217 слишком мало. Добавьте больше текста!

Кол-во слов 29 слишком мало. Добавьте больше текста (минимум 400 слов)!

Исправить

Заголовки

Есть ошибки

Иерархия заголовков H1–H6 ?

Не обнаружено заголовков на странице. Добавьте заголовки (<h1>, <h2> или <h3>)

Исправить

Тошнота

2

Насколько одно слово доминирует в тексте ?

Тошнота страницы в пределах нормы 3.

Академич. тошнота

31,03%

Насколько текст перенасыщен ключевыми словами ?

Академическая тошнота превышает норму 5-15%. Измените текст страницы!

Исправить

Семантическое ядро

10

Наиболее часто встречающиеся слова на странице ?

Контент страницы не содержит осмысленного текста. Добавьте текст на страницу!

Показать список слов

Слово	Кол-во	Частота
{{item	4	13,79%
isfixed	3	10,34%
name}}	3	10,34%
important'	2	6,90%
:style="{position:	1	3,45%
'relative	1	3,45%
'145px'	1	3,45%
'0'}">	1	3,45%
created	1	3,45%
timestamptodate}}	1	3,45%

Исправить

Индексирование

Есть ошибки

Разрешено ли индексирование страницы ?

Анкоров на странице 1 слишком мало или они запрещены к индексации. Добавьте новые страницы на сайт и расставьте ссылки на них на главной странице и в файле robots.txt.

Исправить

Robots.txt

Найден корректный robots.txt

Файл управления сканированием сайта роботами ?

Robots.txt настроен корректно. Размер файла: 50485 байт. Загружен за: 2сек.

Проверяемая страница не запрещена в robots.txt.

Robots.txt доступен по постоянному адресу

Показать содержимое robots.txt

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国溯源官网</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/element-ui.css">
    <link rel="icon" href="./img/icon.png" />
    <script src="./js/vue2.js"></script>
    <script src="./js/axios.js"></script>
    <script src="./js/header.js?v=2024012601"></script>
    <script src="./js/footer.js"></script>
    <script src="./js/element-ui.js"></script>
    <meta property="og:title" content="中国溯源—中国互联网新闻中心主办，供应链数字化和统一大市场" />
    <meta property="og:url" content="https://t-zgsy.ourdian.com" />
    <meta property="og:description"
        content="2022年，经中国互联网新闻中心研究决定，创立中国溯源。中国互联网新闻中心是由国务院新闻办公室领导，中国外文出版发行事业局管理的多语种全媒体报道解读新时代中国的国家权威网络传播平台。" />
    <meta property="og:image" content="./img/icon.png" />
</head>
<style>
    .placeholder {
        position: absolute;
        left: 15px;
        top: 15px;
        width: calc(100% - 90px);
        line-height: 20px;
        padding: 5px 0;
        color: #c7c7c7;
        font-size: 18px;
    }

    .search {
        width: 100%;
        height: 61px;
        line-height: 61px;
        border: 2px solid #E60013;
        border-radius: 8px;
        width: 60%;
        margin: 0 auto;
        position: relative;
    }

    .input {
        flex: 1;
        outline: none;
        border: none;
        border-radius: 8px;
        font-size: 20px;
        padding: 0 10px;
    }

    .input:focus {
        outline: none;
        border: none;
    }

    .search-button {
        width: 194px;
        background: #E60013;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }

    .search-button .iconfont {
        font-size: 20px;
        color: #fff;
        margin-right: 5px;
    }

    .placeholder {
        position: absolute;
        left: 15px;
        top: 15px;
        width: calc(100% - 210px);
        line-height: 20px;
        padding: 5px 0;
        color: #c7c7c7;
        font-size: 18px;
    }

    /* banner start */
    .banner2 {
        height: 452px;
        padding: 40px 120px;
        display: flex;
        align-items: flex-start;
        max-width: 1440px;
        margin: 0 auto;
    }

    .banner-temporary {
        width: 100%;
        min-height: 296px;
        background-color: #E2EEFF;
    }

    .banner-temporary .container {
        position: relative;
        margin: 0 auto;
        max-width: 1440px;
    }

    .banner-temporary .info {
        font-size: 32px;
        text-align: left;
        margin: 0 20px 0 160px;
        padding-top: 32px;
    }

    .banner-temporary .info .text1 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    .banner-temporary .info .text2 {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .banner-temporary .info .text3 {
        font-weight: 700;
        color: #DE1C31;
        margin-bottom: 20px;
    }

    .banner-temporary img {
        position: absolute;
        top: 0;
        right: 0;
    }

    .banner-temporary .info .detail {
        font-size: 16px;
        color: #fff;
        width: 192px;
        height: 52px;
        text-align: center;
        line-height: 52px;
        background: #0146AE;
        cursor: pointer;
    }

    .carousel {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* width: 750px; */
        /* height: 452px;     */
        /* width: 70%; */
        flex: 1;
    }

    .el-carousel__item {
        /* position: relative; */
    }

    .carousel-title {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: rgba(0, 0, 0, .5);
        font-size: 18px;
        color: #fff;
        padding: 0 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .carousel img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .carousel-icon-left,
    .carousel-icon-right {
        font-size: 28px;
        color: #ffffff;
        cursor: pointer;
    }

    .carousel-icon-left {
        position: absolute;
        left: 10px;
        top: 212px;
    }

    .carousel-icon-right {
        position: absolute;
        right: 10px;
        top: 212px;
    }

    .banner-news {
        margin-left: 30px;
        /* width: 500px; */
        width: 40%;
    }

    .banner-news-title {
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        line-height: 24px;
        cursor: pointer;
    }

    .banner-news-subtitle {
        font-size: 16px;
        font-weight: 400;
        /* color: #999999; */
        line-height: 20px;
        cursor: pointer;
        line-height: 24px;
        text-indent: 2em;
    }

    .banner-tab {
        padding-top: 20px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .banner-tab-item {
        position: relative;
        padding: 10px 0;
        padding-right: 40px;
        border-bottom: 1px solid #DDDDDD;
        cursor: pointer;
    }

    .banner-tab-title {
        font-size: 24px;
        font-weight: 500;
        color: #000000;
    }

    .tab-more {
        font-size: 20px;
        font-weight: 400;
        color: #999999;
        flex: 1;
        text-align: right;
        padding: 10px 0;
        border-bottom: 1px solid #DDDDDD;
        cursor: pointer;
    }

    .tab-more-icon {
        color: #999999;
        font-size: 18px;
        margin-left: 5px;
        cursor: pointer;
    }

    .banner-is-active::before {
        content: '';
        background-color: #0146AE;
        width: calc(100% - 40px);
        height: 2px;
        position: absolute;
        bottom: -1px;
        left: 0;
    }

    .banner-is-active .banner-tab-title {
        color: #0146AE !important;
        font-weight: 600;
    }

    .banner-conetnt {
        margin-top: 25px;
        height: 279px;
        overflow: auto;
    }

    .banner-conetnt-item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .banner-conetnt-title:hover {
        color: #0146AE !important;
    }

    .banner-conetnt-tag {
        width: 8px;
        height: 8px;
        background: #999999;
        border-radius: 50%;
        margin-right: 18px;
        flex-shrink: 0;
    }

    .banner-conetnt-title {
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        line-height: 31px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .banner-conetnt-date {
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        line-height: 31px;
        margin-right: 5px;
        flex-shrink: 0;
    }

    .banner-conetnt-left {
        display: flex;
        align-items: center;
        text-overflow: ellipsis;
        overflow: hidden;

    }

    /* banner end */

    /* content */
    .title {
        text-align: center;
        padding: 40px 0 20px;
        font-size: 40px;
        font-weight: bold;
        color: #000000;
    }

    .content-1,
    .content-2,
    .content-3,
    .content-4 {
        padding: 20px 120px 40px;
        max-width: 1440px;
        margin: 0 auto;
    }

    .content-1-item {
        width: 25%;
        padding: 60px 0;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #ffffff;
        cursor: pointer;
    }

    .content-1-button {
        width: 165px;
        height: 41px;
        line-height: 41px;
        background: #0146AE;
        border-radius: 8px;
        cursor: pointer;
        text-align: center;
        margin: 40px auto 30px;
    }

    .content-1-icon {
        margin-left: 5px;
    }

    .content-1-item:nth-child(1) {
        background: #F5F7FE;
    }

    .content-1-item:nth-child(2) {
        background: #EAF3FC;
    }

    .content-1-item:nth-child(3) {
        background: #F9FAFE;
    }

    .content-1-item:nth-child(4) {
        background: #EAF3FC;
    }

    .content-1-img {
        height: 157px;
    }

    @keyframes menuSize {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(1.1);
        }
    }

    @-webkit-keyframes menuSize {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(1.1);
        }
    }

    .content-1-item:hover .content-1-img,
    .content-3-item:hover .content-3-img,
    .content-4-item img:hover,
    .content-6-item:hover .content-6-img {
        animation: menuSize 0.5s;
        -webkit-animation: menuSize 0.5s;
        transform: scale(1.1);

    }

    .content-1-img,
    .content-6-img,
    .content-3-img,
    .content-4-item img {
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: width, transform;
        transition-property: width, transform;
        z-index: -1;
    }

    .content-1-item,
    .content-2-item,
    .content-3-item,
    .content-6-item {
        overflow: hidden;
        z-index: 9;
        position: relative;
    }

    .content-2-item__img {
        position: relative;
        /* width: 100%;
     height: 100%; */
        overflow: hidden;
    }

    .content-1-p {
        margin: 0;
        color: #000000;
    }

    .content-2-search {
        height: 61px;
        line-height: 61px;
        width: 60%;
        margin: 0 auto;
    }

    .content-2 img {
        /* width: 100%;
     height: 100%; */
        object-fit: cover;
    }

    .content-2-company {
        text-align: center;
        border-radius: 8px 0 0 8px;
        border: 2px solid #E60013;
        padding: 0 23px;
        cursor: pointer;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .company-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 68px;
        background-color: #fff;
        z-index: 999;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box;
        padding: 10px 0;
    }

    .company-list::before {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        content: " ";
        border-width: 6px;
        top: -7px;
        left: 30%;
        border-top-width: 0;
        border-bottom-color: #eee;

    }

    .company-list-item {
        font-size: 18px;
        line-height: 50px;
        color: #000000;
    }

    .company-list-item:hover {
        background-color: #F5F7FA;
    }

    .content-2-company>span {
        font-size: 20px;
        font-weight: 500;
        color: #000000;
        line-height: 31px;


    }

    .content-2-company .iconfont {
        font-size: 24px;
        vertical-align: middle;
    }

    .content-2-input {
        flex: 1;
        border: 2px solid #E60013;
        /* border-left: none; */
        border-radius: 8px;
    }

    input {
        border-radius: 8px;
    }

    .content-2-content {
        flex: 1;
        text-indent: 1.5em;
        outline: none;
        border: none;
    }

    .content-2-content:focus {
        outline: none;
        border: none;
    }

    .content-2-content::placeholder {
        font-size: 16px;
        font-weight: 400;
        color: #999999;
    }

    .content-2-button {
        width: 120px;
        background: #E60013;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        /* cursor: pointer; */
    }

    .content-2-view {
        background: #fff;
        border: 1px solid #0146AE;
        border-radius: 8px;
        width: 105px;
        height: 41px;
        line-height: 41px;
        font-size: 16px;
        font-weight: 400;
        color: #0146AE;
        text-align: center;
        cursor: pointer;
        margin: 0 auto;
    }

    .content-2-view .iconfont {
        margin-left: 5px;
    }

    .content-2-view:hover {
        color: #fff;
        background-color: #0146AE;
    }

    .content-2-button .iconfont {
        font-size: 20px;
        color: #fff;
    }

    .placeholder {
        font-size: 20px;
        font-weight: 400;
        color: #999999;
    }

    .content-2-item {
        width: 33.33%;
        /* height: 323px; */
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }

    .content-2-list {
        margin-top: 60px;

    }

    .content-2-list .content-2-button {
        margin: 40px 0;
        font-size: 20px;
        color: #000000;
        background-color: #fff;
        width: 100%;

    }

    .content-3 {
        display: flex;
    }

    .content-3-item {
        width: 20%;
        /* height: 439px; */
        position: relative;
        z-index: 9;
        text-align: center;
        cursor: pointer;
    }

    .content-3-item .iconfont {
        font-size: 14px;
        border-radius: 50%;
        /* border: 1px solid #DDDDDD; */
        color: #DDDDDD;
        padding: 5px;
        text-align: center;
        cursor: pointer;
        background-color: #0146AE;
    }

    .content-3-icon .iconfont {
        border: none;
        font-size: 32px;
        background-color: transparent;
    }

    .content-3-item p {
        font-size: 20px;
        font-weight: 400;
        color: #000000;
        margin-bottom: 0;
        margin-top: 5px;
        cursor: pointer;
    }

    .content-3-img {
        width: 100%;
    }

    .content-3-foot {
        width: 100%;
        padding: 40px 0 30px;
        /* background: #0146AE; */
        color: #fff;
        margin-top: -10px;
        position: relative;
    }

    .content-3-icon {
        width: 60px;
        height: 60px;
        background: #FFFFFF;
        border-radius: 50%;
        text-align: center;
        line-height: 60px;
        margin: 0 auto;
        color: #000;
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
    }

    .tab-title {
        padding: 40px 120px 20px;
        align-items: baseline;
        max-width: 1440px;
        margin: 0 auto;
    }

    .tab-title-item {
        font-size: 32px;
        font-weight: bold;
        color: #0146AE;
        border-bottom: 3px solid #0146AE;
        padding-bottom: 10px;
    }

    .tab-title-more {
        flex: 1;
        text-align: right;
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 14px;
        font-size: 20px;
        font-weight: 400;
        color: #999999;
    }

    .tab-title-more .iconfont {
        margin-left: 5px;
    }

    .content-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .content-4-item {
        width: 48%;
        /* height: 420px; */
        margin-bottom: 50px;
        cursor: pointer;
        position: relative;
    }

    .content-4-item img {

        width: 100%;
        height: 100%;

    }

    .content-4-item__img {
        overflow: hidden;
        height: 200px;
    }

    .content-4-item__title {
        font-size: 24px;
        font-weight: bold;
        color: #000000;
        margin: 25px 0 15px;
    }

    .content-4-item__subtitle {
        font-size: 20px;
        font-weight: 400;
        color: #999999;
        margin: 5px 0;
    }

    .content-5-item__title {
        font-size: 32px;
        font-weight: bold;
        color: #000000;
        padding: 30px 0 20px;

    }

    .content-5-item__button {
        font-size: 20px;
        font-weight: 400;
        color: #0146AE;
        padding: 30px 0;
    }

    .content-5-item__button span:hover {
        border-bottom: 2px solid #0146AE;
    }

    .content-5-item__button .iconfont {
        margin-left: 5px;
        font-size: 20px;
    }

    .content-5-item__subtitle {
        font-size: 20px;
        font-weight: 400;
        color: #000000;
    }

    .organization {
        justify-content: center;
        text-align: center;
    }

    .organization>div {
        min-width: 25%;
        position: relative;
        padding: 50px 1% 100px;
    }

    .organization-title {
        margin: 30px 0;
        font-size: 20px;
        font-weight: bold;
    }

    .organization p {
        font-size: 16px;
        font-weight: 300;
        color: #000000;
        line-height: 24px;
        margin: 5px 0;
    }

    .organization .link {
        font-size: 16px;
        color: #0146AE;
        /* margin: 40px 0;   */
        position: absolute;
        bottom: 60px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
        width: 200px;
    }

    .gray {
        color: #777777
    }

    /* content end */
    .flex {
        display: flex;
    }

    .content-6 {
        padding: 20px 120px 40px;
        max-width: 1440px;
        margin: 0 auto;
    }

    .content-6-item {
        width: 33%;
        padding: 40px 0;
        text-align: center;
        position: relative;
        z-index: 1;
        background: #F5F7FE;
        cursor: pointer;
    }

    .content-6-item:nth-child(2) {
        background: #EAF3FC;
    }

    .content-6-img {
        height: 283px;
    }

    .content-6-title {
        width: 100%;
        height: 41px;
        line-height: 41px;
        border-radius: 8px;
        cursor: pointer;
        text-align: center;
        margin: 40px auto 30px;
        font-size: 42px;
        font-weight: bold;
    }

    .content-6-p {
        width: 100%;
        color: #0146AE;
    }

    .content-6-p a {
        margin: 0 10px;
    }

    .content-7 {
        width: 100%;
        height: 551px;
        margin: 0 auto;
        background-image: url('./img/v4/1-7.png');
        color: #fff;
        text-align: center;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
    }

    .content-7-title {
        width: 100%;
        height: 41px;
        line-height: 41px;
        border-radius: 8px;
        text-align: center;
        margin: 40px auto 0;
        font-size: 42px;
        font-weight: bold;
    }

    .content-7-items {
        margin-top: 25px;
        flex-direction: row;
        gap: 20px;
    }

    .content-7-item-f {
        align-items: center;
        gap: 20px;
    }

    .content-7-item-back{
        background-color: #fff;
    }

    .content-7-item {
        padding: 20px 0;
        max-width: 253px;
        min-width: 150px;
        max-height: 181px;
        min-height: 120px;
        border-radius: 10px;
        flex-direction: column;
        align-items: center;
        color: #000;
    }

    .content-7-item-img {
        width: 50px;
    }

    .content-7-item-title {
        font-weight: bold;
        font-size: 32px;
        line-height: 70px;
    }

    .content-7-p {
        color: #777;
        line-height: 25px;
    }
    .content-7-ljgd{
        display: none;
    }
    .content-7-ljgd{
            color: #fff;
        }

    .content-7-jiantou {
        max-width: 167px;
        min-width: 60px;
        max-height: 10px;
        min-height: 3px;
        display: block;
    }

    .content-7-button {
        width: 165px;
        height: 41px;
        margin-top: 50px;
        border: 1px solid #f1f1f1;
        align-items: center;
        justify-content: center;
        display: block;
        line-height: 41px;
    }

    @media screen and (max-width: 324px) and (min-width: 150px) {
        .content-7{
            height: 1000px;
        }
    }
     @media screen and (max-width: 800px) and (min-width: 150px) {
        
        .content-7-item{
            width: 120;
        }

        .content-7-ljgd{
            width: 116px;
        }

        .content-7-jiantou {
           display: none;
        }

        .content-7-button{
            display: none;
        }

         .content-7-ljgd {
            display: block;
            border: 2px solid #fff;
            background-color: rgba(0, 0, 0, 0);
            max-width: 150px;
            min-width: 200px;
            max-height: 141px;
            min-height: 120px;
            border-radius: 10px;
            align-items: center;
            justify-content: center;
            display: flex;
            font-size: 20px;
            color: #fff;
        }

        .content-7-items {
            margin-top: 25px;
            align-items: center;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .content-7-item{
            padding: 20px 0;
            max-width: 150px;
            min-width: 150px;
            max-height: 141px;
            min-height: 120px;
            border-radius: 10px;
            flex-direction: column;
            align-items: center;
            color: #000;
        } 
    }

    @media screen and (max-width: 1024px) and (min-width: 750px) {
        .content-6-img{
            height: 100px;
            width: 150px;
        }
        .content-7-item{
            width: 150;
        }

        .content-7-ljgd{
            width: 146px;
        }
        .content-7-ljgd{
            color: #fff;
        }

        .content-7 {
            width: 100vw;
            min-height: 601px;
            margin: 0 auto;
            background-image: url('./img/v4/1-7.png');
            color: #fff;
            text-align: center;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
        }
    }
    @media screen and (max-width: 800px) and (min-width: 150px) {
         .content-6-item{
            width: 100vw;
         }
        .content-6 {
            width: 100vw;
            padding: 0;
            flex-direction: column;
        }
        .content-6-img {
            width: 150px;
            height: auto;
        }

        .content-7 {
            width: 100vw;
            min-height: 601px;
            margin: 0 auto;
            background-image: url('./img/v4/1-7.png');
            color: #fff;
            text-align: center;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
        }

        .content-7-items {
            margin-top: 25px;
            align-items: center;
            flex-direction: row;
            gap: 20px;
        }

        .content-7-item {
            padding: 20px 0;
            width: 170px;
            height: 151px;
            border-radius: 10px;
            flex-direction: column;
            align-items: center;
            color: #000;
        }

        .content-7-item-img {
            width: 50px;
        }

        .content-7-item-title {
            font-weight: bold;
            font-size: 22px;
            line-height: 40px;
        }

        .content-7-p {
            color: #777;
            line-height: 20px;
        }

        .content-7-jiantou {
           width: 60px !important;
           height: 5px !important;
        }

        /* .content-7-button{
            display: none;
        } */
       
    }

    /* 屏幕小于1440px and 大于500px */
    @media screen and (max-width: 1440px) and (min-width: 500px) {

        .banner,
        .content-1,
        .content-2,
        .content-3,
        .content-4 {
            padding: 40px;
        }

        .nav div {
            padding: 28px;
        }

        .tab-title {
            padding: 0 40px;
        }
         .content-7-jiantou {
           width: 60px !important;
           height: 5px !important;
        }
        .content-7-ljgd{
            color: #fff;
        }
        .content-7-item {
            padding: 20px 0;
            max-width: 253px;
            min-width: 200px;
            max-height: 181px;
            min-height: 120px;
            border-radius: 10px;
            flex-direction: column;
            align-items: center;
            color: #000;
        }
    }

    /* 屏幕小于1200px and 大于500px */
    @media screen and (max-width: 1200px) and (min-width: 500px) {

        .banner,
        .content-1,
        .content-2,
        .content-3,
        .content-4,
        .tab-title {
            padding: 20px 10px;
        }

        .nav div {
            padding: 28px;
        }

        .banner-conetnt {
            height: 240px;
        }

        .search-button {
            width: 100px;
        }

        .search {
            width: 60%;
        }
        .content-6-img{
            width: 200px;
            height: auto;
        }
    }

    /* 屏幕小于1200px and 大于500px */
    @media screen and (max-width: 1100px) and (min-width: 500px) {

        .banner,
        .content-1,
        .content-2,
        .content-3,
        .content-4,
        .tab-title {
            padding: 20px 10px;
        }

        .nav div {
            padding: 28px;
        }

        .carousel-img {
            width: 600px;
            height: 412px;
        }

        .title {
            font-size: 32px !important;
            padding: 30px 10px 10px !important;
        }

        .bottom img {
            margin: 0 15px;
            width: 125px;
            height: 50px;
        }

    }
</style>

<body>
    <div id="homepage">
        <!-- head -->
        <my-header :type="1"></my-header>
        <!-- banner -->
        <div class="banner">
            <!-- 临时 -->
            <!-- <div class="banner-temporary">
				<div class="container">
					<div class="info">
						<div class="text1">中国供应链</div>
						<div class="text2">首批授权</div>
						<div class="text3">城市产业服务中心名单</div>
						<div class="detail" @click="detail">查看详情</div>
					</div>
					<img src="./img/banner-temporary.png" alt="">
				</div>
			</div>  -->
            <div class="banner2">
                <!-- 轮播图 -->
                <div class="carousel">
                    <el-carousel indicator-position="none" :height="isPhone && !isFixed ?  '200px' : '450px'"
                        arrow="always">
                        <el-carousel-item v-for="item in imgArr" :key="item.id">
                            <a :href="item.id === 'custom' ? item.url : `article.html?id=${item.id}&type=${item.type}`">
                                <img :src="item.thumb">
                                <div class="carousel-title" v-if="item.name">{{item.name}}</div>
                            </a>
                        </el-carousel-item>
                    </el-carousel>
                </div>
                <!-- banner news -->
                <div class="banner-news">
                    <span class="banner-news-title"
                        @click="navTo('article.html?id=' + recommend.id + '&type=' + recommend.type, false)">{{recommend.name}}</span>
                    <p class="banner-news-subtitle"
                        @click="navTo('article.html?id=' + recommend.id + '&type=' + recommend.type, false)">
                        {{recommend.subcontent}}</p>
                    <div class="banner-tab">
                        <div class="flex">
                            <div class="banner-tab-item" v-for="(item, index) in tabArr" :key="item.id"
                                :class="{'banner-is-active': item.id == tabId}" @click="bannerTabClick(item.id)">
                                <span class="banner-tab-title">{{item.name}}</span>
                            </div>
                        </div>
                        <div class="tab-more"><a href="consult.html">更多<i
                                    class="iconfont icon-you tab-more-icon"></i></a></div>
                    </div>
                    <div class="banner-conetnt">
                        <div class="banner-conetnt-item" v-for="item in tabList" :key="item.id"
                            @click="navTo('article.html?id=' + item.id + '&type=' + item.type, false)">
                            <div class="banner-conetnt-left">
                                <div class="banner-conetnt-tag"></div>
                                <span class="banner-conetnt-title">{{item.name}}</span>
                            </div>
                            <span class="banner-conetnt-date">{{item.created | timestampToDate(false)}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- content -->

<!--         <div class="title"><span>产销服务</span></div>
        <div class="content-6 flex">
            <div class="content-6-item" v-for="item in chanxiaoService" :key="item.id">
                <img class="content-6-img" :src="item.img" />
                <div style="flex: 1; padding: 0 10px;">
                    <p class="content-6-title">{{item.title}}</p>
                    <p class="content-6-p"> -->
                        <!-- <a v-if="item.btn1.path=='opnedia'" @click="openqrdia">{{item.btn1.name}}<i class="iconfont icon-you content-1-icon"></i></a> -->
    <!--                     <a v-if="item.path=='#'" :href="item.btn1.path">{{item.btn1.name}}<i class="iconfont icon-you content-1-icon"></i></a>
                        <a v-else :href="item.path">{{item.btn1.name}}<i class="iconfont icon-you content-1-icon"></i></a>
                        <a v-if="item.path=='#'" :href="item.btn2.path">{{item.btn2.name}}<i class="iconfont icon-you content-1-icon"></i></a>
                        <a v-else :href="item.path2">{{item.btn2.name}}<i class="iconfont icon-you content-1-icon"></i></a>
                    </p>
                </div>
            </div>
        </div> -->

        <!-- <div class="content-7 flex">
            <div class="content-7-title">中溯联盟</div>
            <p>共建农产品和食品可信产销生态网络</p>
            <div class="flex content-7-items">
                <div v-for="(item, index) in zhongsulianmeng">
                    <div v-if="index<3" class="flex content-7-item-f">
                        <div class="content-7-item flex content-7-item-back">
                            <image class="content-7-item-img" :src="item.img"></image>
                            <div class="content-7-item-title">{{item.title}}</div>
                            <div v-for="text in item.list" class="content-7-p">{{ text}}</div>
                        </div>
                        <image v-if="item.id!=3" class="content-7-jiantou" src="./img/v4/1-11.png"></image>
                    </div>
                    <div v-else class="flex content-7-item content-7-ljgd">
                        <a href="./runmode.html" style="color: #fff;">了解详情<i class="iconfont icon-you content-1-icon"></i></a>
                    </div>
                </div> 
            -->
                <!-- <div class="flex content-7-ljgd">
                    <a href="./runmode.html">了解详情<i class="iconfont icon-you content-1-icon"></i></a>
                </div> -->
           <!--  </div>
            <a  href="./runmode.html" class="content-7-button flex">了解详情<i class="iconfont icon-you content-1-icon"></i></a>
        </div> -->

        <!-- 中国供应链 -->
        <!-- <div class="title"><span>中国供应链服务</span></div>
        <div class="content-1 flex">
            <div class="content-1-item" v-for="item in service" :key="item.id" @click="navTo(item.path, flase)">
                <img class="content-1-img" :src="item.img" />
                <div style="flex: 1; padding: 0 10px;">
                    <p class="content-1-button">{{item.title}} <i class="iconfont icon-you content-1-icon"></i></p>
                    <p v-for="text in item.list" class="content-1-p">{{ text}}</p>
                </div>
            </div>
        </div> -->
        <div class="title"><span>溯源认证服务</span></div>
        <div class="content-2">
            <div class="search flex">
                <input id="input" type="textarea" class="input" v-model="search" @focus="showP = false"
                    @blur="showP = true">
                <div class="placeholder" v-if="showP && !search" @click="placeholderClick">请输入企业名称、产品名称、传承人名称、证书编号</div>
                <div class="search-button" @click="toSearch">
                    <i class="iconfont icon-sousuo1"></i>检索
                </div>
            </div>
            <div class="content-2-list flex">
                <div class="content-2-item" v-for="item in auth" :key="item.id">
                    <div class="content-2-item__img">
                        <img :src="item.img">
                    </div>
                    <div style="width: 60%;">
                        <div class="content-2-button">{{item.title}}</div>
                        <div class="content-2-view" @click="navToAuth(item)">
                            查看 <i class="iconfont icon-you"> </i>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- <div class="title"><span>数智化服务</span></div>
        <div class="content-3">
            <div class="content-3-item" v-for="item in digitalize" :key="item.id" @click="navTo(item.path, true)">
                <img class="content-3-img" :src="item.img">               
                <div class="content-3-foot" :style="{ background: item.color}">
                    <div class="content-3-icon"  :style="{ background: item.color}">
                        <i class="iconfont" :class="item.icon" style="color: #777777;"></i>
                    </div>
                    <p v-for="(text, index) in item.title" :key="index">{{text}}</p>
                    <br>
                    <i class="iconfont icon-you"></i>
                </div>
            </div>
        </div> -->
        <div class="tab-title title flex" v-if="false">
            <div class="tab-title-item">会议与活动</div>
            <div class="tab-title-more">更多 <i class="iconfont icon-you"></i></div>
        </div>
        <div class="content-4 flex" v-if="false">
            <div class="content-4-item" v-for="item in meeting" :key="item.id">
                <img :src="item.thumb">
                <div class="content-4-item__title"><span>{{item.name}}</span></div>
                <div class="content-4-item__subtitle"><span>会议时间：{{item.starttime | timestampToDate}}</span></div>
                <div class="content-4-item__subtitle"><span>会议地点：{{item.address}}</span></div>
            </div>
        </div>
        <!-- <div class="title"><span>服务机构</span></div>
        <div class="flex organization">
            <div>
                <img src="./img/93.png" alt="">
                <div class="organization-title"><span >中国溯源产业服务中心</span></div>
                <div class="pc">
                    <p>以地级市为单位开设的产业服务中心，</p>
                    <p>为当地企业实现平台入驻、溯源认证、数智化提供服务，</p>
                    <p>可由具实力的当地企业申请加盟。</p>
                </div>
                <div class="phone">
                    <p>以地级市为单位开设的产业服务中心，
                    为当地企业实现平台入驻、溯源认证、数智化提供服务，
                    可由具实力的当地企业申请加盟。</p>
                </div>
                <div class="link" @click="navTo('cooperate.html?active=0', false)">点击了解详情 <i class="iconfont icon-you"></i></div>
            </div>
            <div>
                <img src="./img/94.png" alt="">
                <div class="organization-title"><span>中国溯源区域服务部</span></div>
                <div class="pc">
                    <p>年满18周岁以上，经过筛选和严格培训后， </p>
                    <p>代表中国溯源，在全国各地为企业和顾客提供服务。</p>
                </div>
                <div class="phone">
                    年满18周岁以上，经过筛选和严格培训后，代表中国溯源，在全国各地为企业和顾客提供服务。
                </div>
                <div class="link"  @click="navTo('cooperate.html?active=1', false)">点击了解详情 <i class="iconfont icon-you"></i></div>
            </div>
            <div>
                <img src="./img/95.png" alt="">
                <div class="organization-title"><span>中国溯源会客厅</span></div>
                <div class="pc">
                    <p>在全国各地设立的会员服务中心，  </p>
                    <p>可由当地具备场地和服务条件的机构申请加盟。</p>
                </div>
                <div class="phone">
                    在全国各地设立的会员服务中心，可由当地具备场地和服务条件的机构申请加盟。
                </div>
                <div class="link"  @click="navTo('cooperate.html?active=2', false)">点击了解详情 <i class="iconfont icon-you"></i></div>
            </div>
            
        </div> -->
        <!-- <div class="tab-title title flex">
            <div class="tab-title-item">合作机会</div>
            <div class="tab-title-more"><span style="opacity: 0;">.</span></div>
        </div>
        <div class="content-4 flex">
            <div class="content-4-item" v-for="item in cooperate" :key="item.id" @click="navTo(item.path, false)">
                <div class="content-4-item__img">
                    <img :src="item.img">
                </div>
                <div class="content-5-item__title"><span >{{item.title}}</span></div>
                <div v-html="item.content" class="content-5-item__subtitle"></div>
                <div class="content-5-item__button">
                    <span>点击了解详情 <i class="iconfont icon-you"></i></span>
                </div>
            </div>
        </div> -->
        <el-dialog v-if="qrdia" :visible.sync="qrdia" center width="400px">
            <div style="text-align: center;" >
                <div style="line-height: 50px;font-size: 35px;color: #000;">免费注册悦客盟店主</div>
                <image style="margin-top: 50px;" src="./img/v4/7-4.png"></image>
                <div style="margin-top: 50px;">使用微信扫码</div>
            </div>
        </el-dialog>
        <my-footer></my-footer>
    </div>
</body>
<script type="text/javascript">
    new Vue({
        el: '#homepage',
        data() {
            return {
                imgArr: [],
                imgIdx: 0,
                timer: '',
                isPhone: false,
                tabArr: [
                    { id: 1, name: '产业政策' }, { id: 2, name: '产业新闻' }
                ],
                recommend: {

                },
                news: [],
                policy: [],
                tabList: [],
                zhongsulianmeng: [
                    { id: 1, title: '中溯智销', img: './img/v4/1-8.png', list: ['生活协同的', '智能供货平台'] },
                    { id: 2, title: '中溯云仓', img: './img/v4/1-9.png', list: ['农产品和食品产销协同', '的云端枢纽'] },
                    { id: 3, title: '中溯智链', img: './img/v4/1-10.png', list: ['生态协同的', '智能私域分销引擎'] },
                    { id: 3, title: '了解详情'},

                ],
                chanxiaoService: [
                    { id: 3, path: '#', path2: 'loginToErp.html?type=99', title: '专属店铺', img: './img/v4/1-5.png', btn1: { name: '免费申领', path: 'homebusiness.html' }, btn2: { name: '申领查询', path: 'freegetask.html' } },
                    { id: 1, path: 'supplierform.html?type=7', path2: 'loginToErp.html?type=7', title: '供货商', img: './img/v4/1-3.png', btn1: { name: '申请入驻', path: '' }, btn2: { name: '登录', path: '' } },
                    { id: 2, path: 'supplierform.html?type=8', path2: 'loginToErp.html?type=8', title: '零售商', img: './img/v4/1-4.png', btn1: { name: '申请入驻', path: '' }, btn2: { name: '登录', path: '' } },
                ],
                service: [
                    { id: 1, path: 'supply-1.html', title: '我是生产者', img: './img/2.png', list: ['包括种养殖基地、农户', '农业合作社', '生产或加工型企业'] },
                    { id: 2, path: 'supply-2.html', title: '我是城市经销商', img: './img/3.png', list: ['包括生鲜食材批发商', '酒水、调料等', '各类食品的经销商'] },
                    { id: 3, path: 'supply-2.html', title: '我是城市配送商', img: './img/4.png', list: ['负责按规定衔接物流、', '集中配送至客户等环节', '接受本地中小商户的配送订单', '按约定送货上门'] },
                    { id: 4, path: 'supply-3.html', title: '我是电商', img: './img/5.png', list: ['包括抖音、视频号、微信社群', '及各类新媒体电商卖货的', '个人及小团队'] }
                ],
                tabId: 0,
                company: [
                    { id: 1, name: '中国溯源可信任企业1' },
                    { id: 2, name: '中国溯源可信任企业2' },
                    { id: 3, name: '中国溯源可信任企业3' },
                    { id: 4, name: '中国溯源可信任企业4' }
                ],
                companyIdx: 1,
                auth: [
                    { id: 1, img: './img/6.png', title: '中国溯源可信任企业认证' },
                    { id: 2, img: './img/7.png', title: '中国溯源可信任产品认证' },
                    { id: 3, img: './img/8.png', title: '中国溯源可信任传承人认证' }
                ],
                search: '',
                showSelect: false,
                digitalize: [
                    { id: 3, icon: 'icon-tubiaoyuanwenjian_shengxianpeisong', path: 'https://www.ouryue.com/#/solution/supply', title: ['生鲜供应链', 'ERP SAAS系统'], img: './img/11.png', color: '#F5F7FE' },
                    { id: 5, icon: 'icon-tubiaoyuanwenjian_shengxianlingshou', path: 'https://www.ouryue.com/#/solution/retail', title: ['新零售O2O', 'SAAS系统'], img: './img/13.png', color: '#EAF3FC' },
                    { id: 1, icon: 'icon-tubiaoyuanwenjian_shangmenyanxi', path: 'https://www.ouryue.com/#/solution/cook', title: ['乡村宴席 厨师到家', '平台系统'], img: './img/9.png', color: '#F5F7FE' },
                    { id: 2, icon: 'icon-tubiaoyuanwenjian_jingcaijiagong', path: 'https://www.ouryue.com/#/solution/kitchen', title: ['中央厨房 净菜加工', 'ERP SAAS系统'], img: './img/10.png', color: '#EAF3FC' },
                    { id: 4, icon: 'icon-tubiaoyuanwenjian_nongmaoshichang', path: 'https://www.ouryue.com/#/solution/market', title: ['智慧农贸', '系统'], img: './img/12.png', color: '#F5F7FE' },
                ],
                meeting: [
                    { id: 1, img: './img/14.png', title: '生鲜农产品全国统一大市场交流会（第1期）', date: '2023.08.01-08.02', address: '广东深圳·深圳会展中心' },
                    { id: 2, img: './img/15.png', title: '乡村宴席、到家厨师平台构建与运营交流会（第1期）', date: '2023.08.01-08.02', address: '广东深圳·深圳会展中心' },
                    { id: 3, img: './img/16.png', title: '中国溯源伙伴事业交流会第1期', date: '2023.08.01-08.02', address: '广东深圳·深圳会展中心' },
                    { id: 4, img: './img/17.png', title: '生鲜供应链的模式创新与科学管理（第1期）', date: '2023.08.01-08.02', address: '广东深圳·深圳会展中心' }
                ],


                // 中国溯源在全国各地， 以地级市为单位开设的运营中心。 运营中心由当地有实力的经营者申请加盟，  经中国溯源总部考察通过之后， 
                cooperate: [
                    {
                        id: 1, path: 'cooperate.html?active=0', title: '中国溯源运营中心', img: './img/18.png', content: `<span>以地级市为单位开设的运营中心，</span>  <br class="pc"> <span>为当地企业实现平台入驻、溯源认证、数智化提供服务，</span> <br class="pc">
                    <span>可由具实力的当地企业申请加盟。</span>`},
                    { id: 2, path: 'cooperate.html?active=1', title: '中国溯源会客厅', img: './img/19.png', content: `<span>在全国各地设立的会员服务中心，</span> <br class="pc">  <span>可由当地具备场地和服务条件的机构申请加盟。</span><br class="pc"><span class="pc" style="visibility: hidden;">1</span> ` }
                ],
                bannerHeight: 0,
                isFixed: false,
                showP: true,
                qrdia: false
            }
        },
        filters: {
            timestampToDate(timestamp, ishms = true, f = '-') {
                let date = new Date(parseInt(timestamp) * 1000)
                let year = date.getFullYear()
                let moth = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
                let day = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate())
                let hour = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours())
                let minute = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())
                let sechond = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
                return year + f + moth + f + day + (ishms ? (' ' + hour + ':' + minute + ':' + sechond) : '');
            }
        },
        watch: {
            imgIdx() {
                this.imgChange()
            }
        },
        methods: {
            openqrdia() {
                this.qrdia = true
            },
            initData() {
                axios.get('https://dian.ourdian.com/app/ewei_shopv2_api.php?i=32&r=merch.get_pcactivity')
                    .then((res) => {
                        let { isrecommand, meeting, news, policy, top } = res.data;
                        this.imgArr = isrecommand.list.slice(0, 7);
                        this.imgArr.unshift({
                            id: 'custom',
                            thumb: './img/v4/1-2.png',
                            name: '',
                            url: './suppliersettle.html'
                        })
                        this.imgArr.unshift({
                            id: 'custom',
                            thumb: './img/v4/1-1.png',
                            name: '',
                            url: './homebusiness.html'
                        })
                        
                        this.recommend = top.list ? top.list[0] : []
                        this.news = news.list ? news.list.slice(0, 6) : []
                        this.policy = policy.list ? policy.list.slice(0, 6) : []
                        this.tabList = this.policy
                        this.meeting = meeting.list;
                        this.setImgInterval()
                    })
                axios.get('https://dian.ourdian.com/app/ewei_shopv2_api.php?i=32&r=merch.get_pcclassify', {})
                    .then(res => {
                        this.tabArr = [res.data[0], res.data[1]];
                        this.tabId = this.tabArr[0].id;

                    })
            },
            imgChange() {
                if (this.imgIdx >= this.imgArr.length) this.imgIdx = 0;
                if (this.imgIdx < 0) {
                    this.imgIdx = this.imgArr.length - 1
                }
            },
            leftClick() {
                clearInterval(this.timer)
                this.imgIdx--;
                this.setImgInterval()
            },
            rightClick() {
                clearInterval(this.timer)
                this.imgIdx++;
                this.setImgInterval()
            },
            bannerTabClick(idx) {
                this.tabId = idx;
                this.tabList = idx == 3 ? this.policy : this.news;
            },
            setImgInterval() {
                this.timer = setInterval(() => {
                    this.imgIdx++
                }, 3000);
            },
            navTo(path, isNew) {
                if (isNew) {
                    window.open(path)
                } else {
                    window.location.assign(path)
                }

            },
            navToAuth(row) {
                window.location.assign("auth.html?id=" + row.id)
            },
            placeholderClick() {
                document.getElementById("input").focus();//文本框的id
            },
            async focus() {
                await this.$nextTick()
                this.showP = false;

            },
            async blur() {
                await this.$nextTick()
                this.showP = true;
            },
            toSearch() {
                window.location.assign(`search.html?keyword=${this.search}`)
            },
            detail() {
                window.location.assign('detail.html')
            }
        },

        mounted() {
            var info = navigator.userAgent;
            //通过正则表达式的test方法判断是否包含“Mobile”字符串
            this.isPhone = /mobile/i.test(info);
            this.isFixed = localStorage.getItem("isMobile") == 'false' || localStorage.getItem("isMobile") == 'undefined';
            // 首次加载时,初始化高度
            const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            this.bannerHeight = 600 / 1550 * screenWidth
            // 窗口大小发生改变
            window.onresize = () => {
                let screenWidth = window.innerWidth
                this.bannerHeight = 600 / 1550 * screenWidth
                var info = navigator.userAgent;
                //通过正则表达式的test方法判断是否包含“Mobile”字符串
                this.isFixed = localStorage.getItem("isMobile") == 'false' || localStorage.getItem("isMobile") == 'undefined';
            }

            const isTablet = /Tablet|mobile/i.test(navigator.userAgent) || (screenWidth >= 768 && screenWidth <= 1024);

        },
        created() {
            this.initData();

        },
    })
</script>

</html>


<!-- <link rel="stylesheet" href="./css/mobile.css"> -->

Sitemap

Кол-во: 0

XML-карта сайта для поисковиков ?

Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.

Исправить

Внутренние ссылки

Не найдено

Ссылки на другие страницы своего сайта ?

Внутренних ссылок на странице 0 оптимально.

Внешние ссылки

Не найдено

Ссылки на сторонние сайты ?

Внешних ссылок на странице не найдено.

Конкуренты в Яндексе

Кол-во: 0

Топ сайтов-конкурентов в Яндексе ?

Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.

Конкурентов в ТОП-10 Яндекса не нашлось.

Исправить

Конкуренты в Google

Кол-во: 0

Топ сайтов-конкурентов в Google ?

Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!

Конкурентов в ТОП-10 Google не нашлось.

Исправить

Нарушения

Не выявлены

Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.

Нарушения

Не выявлены

Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.

Нарушения

Не выявлены

Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.

Нарушения

Не выявлены

Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.

Анализ страницы https://e.china.cn/consult.html

Основное Готовность: 95%

Домен

Ответ сервера

Безопасность

Кодировка

Язык

Скорость загрузки

Объем документа

Ресурсы

Серверные заголовки

CMS

Веб-сервер

Мета-теги Готовность: 48%

Title

Description

Keywords

Канонический Url

Robots

Адаптивность

Разметка OpenGraph

Все мета-теги

Оптимизация Готовность: 0%

Структура

Контент

Заголовки

Тошнота

Академич. тошнота

Семантическое ядро

Индексация Готовность: 60%

Индексирование

Robots.txt

Sitemap

Внутренние ссылки

Внешние ссылки

Конкуренты Готовность: 0%

Конкуренты в Яндексе

Конкуренты в Google

ЗоЗПП: права потребителей Готовность: 100%

Нарушения

ФЗ-149: рекомендательные технологии Готовность: 100%

Нарушения

ФЗ-38: реклама Готовность: 100%

Нарушения

ФЗ-436: защита детей Готовность: 100%

Нарушения

Вердикт