webfront / videoWeb · 提交

转到一个项目

作者 Lijianheng
提交 54cc89bb7a1e56fa35c2fed9bd6e1ab026263d81 1 个父辈 ab331ecc

更新

内嵌 并排对比
正在显示 15 个修改的文件 包含 1395 行增加 和 765 行删除
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<project version="4">
  3 + <component name="JavaScriptSettings">
  4 + <option name="languageLevel" value="ES6" />
  5 + </component>
  6 +</project>
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<project version="4">
  3 + <component name="ProjectModuleManager">
  4 + <modules>
  5 + <module fileurl="file://$PROJECT_DIR$/.idea/videoWeb.iml" filepath="$PROJECT_DIR$/.idea/videoWeb.iml" />
  6 + </modules>
  7 + </component>
  8 +</project>
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<module type="WEB_MODULE" version="4">
  3 + <component name="NewModuleRootManager">
  4 + <content url="file://$MODULE_DIR$">
  5 + <excludeFolder url="file://$MODULE_DIR$/.tmp" />
  6 + <excludeFolder url="file://$MODULE_DIR$/temp" />
  7 + <excludeFolder url="file://$MODULE_DIR$/tmp" />
  8 + </content>
  9 + <orderEntry type="inheritedJdk" />
  10 + <orderEntry type="sourceFolder" forTests="false" />
  11 + </component>
  12 +</module>
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<project version="4">
  3 + <component name="ChangeListManager">
  4 + <list default="true" id="4b1522a3-ff5f-4552-aa4b-3123e2f51376" name="Default Changelist" comment="">
  5 + <change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
  6 + <change beforePath="$PROJECT_DIR$/css/index_2.css" beforeDir="false" />
  7 + <change beforePath="$PROJECT_DIR$/css/rwxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/rwxq.css" afterDir="false" />
  8 + <change beforePath="$PROJECT_DIR$/css/spxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/spxq.css" afterDir="false" />
  9 + <change beforePath="$PROJECT_DIR$/css/ztxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/ztxq.css" afterDir="false" />
  10 + <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
  11 + <change beforePath="$PROJECT_DIR$/index_2.html" beforeDir="false" />
  12 + <change beforePath="$PROJECT_DIR$/rwxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/rwxq.html" afterDir="false" />
  13 + <change beforePath="$PROJECT_DIR$/spxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/spxq.html" afterDir="false" />
  14 + </list>
  15 + <ignored path="$PROJECT_DIR$/.tmp/" />
  16 + <ignored path="$PROJECT_DIR$/temp/" />
  17 + <ignored path="$PROJECT_DIR$/tmp/" />
  18 + <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
  19 + <option name="SHOW_DIALOG" value="false" />
  20 + <option name="HIGHLIGHT_CONFLICTS" value="true" />
  21 + <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
  22 + <option name="LAST_RESOLUTION" value="IGNORE" />
  23 + </component>
  24 + <component name="FUSProjectUsageTrigger">
  25 + <session id="714395352">
  26 + <usages-collector id="statistics.lifecycle.project">
  27 + <counts>
  28 + <entry key="project.closed" value="33" />
  29 + <entry key="project.open.time.0" value="9" />
  30 + <entry key="project.open.time.1" value="9" />
  31 + <entry key="project.open.time.16" value="1" />
  32 + <entry key="project.open.time.19" value="1" />
  33 + <entry key="project.open.time.2" value="2" />
  34 + <entry key="project.open.time.21" value="1" />
  35 + <entry key="project.open.time.23" value="2" />
  36 + <entry key="project.open.time.25" value="1" />
  37 + <entry key="project.open.time.27" value="1" />
  38 + <entry key="project.open.time.3" value="1" />
  39 + <entry key="project.open.time.30" value="1" />
  40 + <entry key="project.open.time.32" value="1" />
  41 + <entry key="project.open.time.7" value="2" />
  42 + <entry key="project.open.time.8" value="1" />
  43 + <entry key="project.opened" value="33" />
  44 + </counts>
  45 + </usages-collector>
  46 + <usages-collector id="statistics.file.extensions.open">
  47 + <counts>
  48 + <entry key="css" value="45" />
  49 + <entry key="html" value="53" />
  50 + <entry key="js" value="5" />
  51 + <entry key="png" value="5" />
  52 + </counts>
  53 + </usages-collector>
  54 + <usages-collector id="statistics.file.types.open">
  55 + <counts>
  56 + <entry key="CSS" value="45" />
  57 + <entry key="HTML" value="53" />
  58 + <entry key="Image" value="5" />
  59 + <entry key="JavaScript" value="5" />
  60 + </counts>
  61 + </usages-collector>
  62 + <usages-collector id="statistics.file.extensions.edit">
  63 + <counts>
  64 + <entry key="css" value="23009" />
  65 + <entry key="html" value="23053" />
  66 + </counts>
  67 + </usages-collector>
  68 + <usages-collector id="statistics.file.types.edit">
  69 + <counts>
  70 + <entry key="CSS" value="23009" />
  71 + <entry key="HTML" value="23053" />
  72 + </counts>
  73 + </usages-collector>
  74 + </session>
  75 + </component>
  76 + <component name="FileEditorManager">
  77 + <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
  78 + <file pinned="false" current-in-tab="true">
  79 + <entry file="file://$PROJECT_DIR$/index.html">
  80 + <provider selected="true" editor-type-id="text-editor">
  81 + <state relative-caret-position="27">
  82 + <caret line="293" column="10" selection-start-line="293" selection-start-column="10" selection-end-line="293" selection-end-column="10" />
  83 + <folding>
  84 + <element signature="n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
  85 + <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  86 + <element signature="n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
  87 + <element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
  88 + <element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  89 + <element signature="n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  90 + <element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  91 + <element signature="n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  92 + <element signature="n#div#0;n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  93 + <element signature="n#div#1;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  94 + <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  95 + <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  96 + <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  97 + <element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  98 + <element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  99 + <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  100 + <element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  101 + <element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  102 + </folding>
  103 + </state>
  104 + </provider>
  105 + </entry>
  106 + </file>
  107 + <file pinned="false" current-in-tab="false">
  108 + <entry file="file://$PROJECT_DIR$/js/swiper.js">
  109 + <provider selected="true" editor-type-id="text-editor">
  110 + <state relative-caret-position="216">
  111 + <caret line="8" column="2" selection-start-line="8" selection-start-column="2" selection-end-line="8" selection-end-column="2" />
  112 + </state>
  113 + </provider>
  114 + </entry>
  115 + </file>
  116 + <file pinned="false" current-in-tab="false">
  117 + <entry file="file://$PROJECT_DIR$/spxq.html">
  118 + <provider selected="true" editor-type-id="text-editor">
  119 + <state relative-caret-position="7317">
  120 + <caret line="351" column="34" selection-start-line="351" selection-start-column="34" selection-end-line="351" selection-end-column="34" />
  121 + <folding>
  122 + <element signature="n#div#6;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  123 + <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  124 + <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  125 + <element signature="n#div#0;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  126 + <element signature="n#div#1;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  127 + <element signature="n#div#2;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  128 + <element signature="n#div#3;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  129 + <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  130 + <element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
  131 + <element signature="n#div#0;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  132 + <element signature="n#div#0;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  133 + <element signature="n#div#0;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  134 + <element signature="n#div#1;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  135 + <element signature="n#div#2;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  136 + <element signature="n#style#0;n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  137 + <element signature="n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" />
  138 + </folding>
  139 + </state>
  140 + </provider>
  141 + </entry>
  142 + </file>
  143 + <file pinned="false" current-in-tab="false">
  144 + <entry file="file://$PROJECT_DIR$/rwxq.html">
  145 + <provider selected="true" editor-type-id="text-editor">
  146 + <state relative-caret-position="9639">
  147 + <caret line="357" selection-start-line="357" selection-end-line="357" />
  148 + <folding>
  149 + <element signature="n#style#0;n#p#1;n#div#1;n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  150 + </folding>
  151 + </state>
  152 + </provider>
  153 + </entry>
  154 + </file>
  155 + <file pinned="false" current-in-tab="false">
  156 + <entry file="file://$PROJECT_DIR$/css/ztxq.css">
  157 + <provider selected="true" editor-type-id="text-editor">
  158 + <state relative-caret-position="5022">
  159 + <caret line="186" column="21" selection-start-line="186" selection-start-column="21" selection-end-line="186" selection-end-column="21" />
  160 + </state>
  161 + </provider>
  162 + </entry>
  163 + </file>
  164 + <file pinned="false" current-in-tab="false">
  165 + <entry file="file://$PROJECT_DIR$/ztxq.html">
  166 + <provider selected="true" editor-type-id="text-editor">
  167 + <state relative-caret-position="3564">
  168 + <caret line="132" column="26" lean-forward="true" selection-start-line="132" selection-start-column="26" selection-end-line="132" selection-end-column="26" />
  169 + </state>
  170 + </provider>
  171 + </entry>
  172 + </file>
  173 + <file pinned="false" current-in-tab="false">
  174 + <entry file="file://$PROJECT_DIR$/css/rw.css">
  175 + <provider selected="true" editor-type-id="text-editor">
  176 + <state relative-caret-position="5022">
  177 + <caret line="186" column="28" lean-forward="true" selection-start-line="186" selection-start-column="28" selection-end-line="186" selection-end-column="28" />
  178 + </state>
  179 + </provider>
  180 + </entry>
  181 + </file>
  182 + <file pinned="false" current-in-tab="false">
  183 + <entry file="file://$PROJECT_DIR$/css/rwxq.css">
  184 + <provider selected="true" editor-type-id="text-editor">
  185 + <state relative-caret-position="10179">
  186 + <caret line="377" column="28" lean-forward="true" selection-start-line="377" selection-start-column="28" selection-end-line="377" selection-end-column="28" />
  187 + </state>
  188 + </provider>
  189 + </entry>
  190 + </file>
  191 + <file pinned="false" current-in-tab="false">
  192 + <entry file="file://$PROJECT_DIR$/css/index.css">
  193 + <provider selected="true" editor-type-id="text-editor">
  194 + <state relative-caret-position="9909">
  195 + <caret line="367" column="29" lean-forward="true" selection-start-line="367" selection-start-column="29" selection-end-line="367" selection-end-column="29" />
  196 + </state>
  197 + </provider>
  198 + </entry>
  199 + </file>
  200 + <file pinned="false" current-in-tab="false">
  201 + <entry file="file://$PROJECT_DIR$/css/spxq.css">
  202 + <provider selected="true" editor-type-id="text-editor">
  203 + <state relative-caret-position="13662">
  204 + <caret line="506" column="1" lean-forward="true" selection-start-line="506" selection-start-column="1" selection-end-line="506" selection-end-column="1" />
  205 + </state>
  206 + </provider>
  207 + </entry>
  208 + </file>
  209 + </leaf>
  210 + </component>
  211 + <component name="FileTemplateManagerImpl">
  212 + <option name="RECENT_TEMPLATES">
  213 + <list>
  214 + <option value="HTML File" />
  215 + <option value="CSS File" />
  216 + </list>
  217 + </option>
  218 + </component>
  219 + <component name="FindInProjectRecents">
  220 + <findStrings>
  221 + <find>设置邮箱</find>
  222 + <find>大势</find>
  223 + <find>border_no</find>
  224 + <find>最新</find>
  225 + <find>guanbi</find>
  226 + <find>shangsanjiao</find>
  227 + <find>主页</find>
  228 + <find>new_video</find>
  229 + <find>caidan</find>
  230 + <find>上三角</find>
  231 + <find>pic_box</find>
  232 + <find>share_function</find>
  233 + <find>messa</find>
  234 + <find>share_function_item</find>
  235 + <find>show_time</find>
  236 + <find>演出</find>
  237 + <find>show_time_month</find>
  238 + <find>icon-caidan</find>
  239 + <find>关注</find>
  240 + <find>dianzan</find>
  241 + <find>icon-shangsanjiao</find>
  242 + <find>share_</find>
  243 + <find>WeChat</find>
  244 + <find>icon-dianzan</find>
  245 + <find>222</find>
  246 + <find>mask</find>
  247 + <find>视频</find>
  248 + <find>share_f</find>
  249 + <find>删除</find>
  250 + <find>swiper</find>
  251 + </findStrings>
  252 + </component>
  253 + <component name="Git.Settings">
  254 + <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
  255 + </component>
  256 + <component name="IdeDocumentHistory">
  257 + <option name="CHANGED_PATHS">
  258 + <list>
  259 + <option value="$PROJECT_DIR$/css/idnex.css" />
  260 + <option value="$PROJECT_DIR$/js/grzy_1.html" />
  261 + <option value="$PROJECT_DIR$/css/grzy_1.html" />
  262 + <option value="$PROJECT_DIR$/grzy_1.html" />
  263 + <option value="$PROJECT_DIR$/css/grzy_1.css" />
  264 + <option value="$PROJECT_DIR$/a.html" />
  265 + <option value="$PROJECT_DIR$/mmdl.html" />
  266 + <option value="$PROJECT_DIR$/css/gx.css" />
  267 + <option value="$PROJECT_DIR$/gx.html" />
  268 + <option value="$PROJECT_DIR$/search.html" />
  269 + <option value="$PROJECT_DIR$/css/search_no.css" />
  270 + <option value="$PROJECT_DIR$/search_no.html" />
  271 + <option value="$PROJECT_DIR$/lxwm.html" />
  272 + <option value="$PROJECT_DIR$/css/lxwm.css" />
  273 + <option value="$PROJECT_DIR$/ztxq.html" />
  274 + <option value="$PROJECT_DIR$/rw.html" />
  275 + <option value="$PROJECT_DIR$/css/search.css" />
  276 + <option value="$PROJECT_DIR$/css/rw.css" />
  277 + <option value="$PROJECT_DIR$/yq.html" />
  278 + <option value="$PROJECT_DIR$/css/yq.css" />
  279 + <option value="$PROJECT_DIR$/grzy.html" />
  280 + <option value="$PROJECT_DIR$/yhzs.html" />
  281 + <option value="$PROJECT_DIR$/css/yhzs.css" />
  282 + <option value="$PROJECT_DIR$/css/zhsz.css" />
  283 + <option value="$PROJECT_DIR$/css/common.css" />
  284 + <option value="$PROJECT_DIR$/zhsz.html" />
  285 + <option value="$PROJECT_DIR$/css/index_2.css" />
  286 + <option value="$PROJECT_DIR$/index_2.html" />
  287 + <option value="$PROJECT_DIR$/css/index.css" />
  288 + <option value="$PROJECT_DIR$/css/rwxq.css" />
  289 + <option value="$PROJECT_DIR$/rwxq.html" />
  290 + <option value="$PROJECT_DIR$/css/ztxq.css" />
  291 + <option value="$PROJECT_DIR$/css/spxq.css" />
  292 + <option value="$PROJECT_DIR$/spxq.html" />
  293 + <option value="$PROJECT_DIR$/index.html" />
  294 + </list>
  295 + </option>
  296 + </component>
  297 + <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
  298 + <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
  299 + <component name="JsGulpfileManager">
  300 + <detection-done>true</detection-done>
  301 + <sorting>DEFINITION_ORDER</sorting>
  302 + </component>
  303 + <component name="ProjectFrameBounds">
  304 + <option name="x" value="251" />
  305 + <option name="y" value="59" />
  306 + <option name="width" value="1410" />
  307 + <option name="height" value="962" />
  308 + </component>
  309 + <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
  310 + <component name="ProjectView">
  311 + <navigator proportions="" version="1">
  312 + <foldersAlwaysOnTop value="true" />
  313 + </navigator>
  314 + <panes>
  315 + <pane id="Scope" />
  316 + <pane id="ProjectPane">
  317 + <subPane>
  318 + <expand>
  319 + <path>
  320 + <item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
  321 + <item name="videoWeb" type="462c0819:PsiDirectoryNode" />
  322 + </path>
  323 + <path>
  324 + <item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
  325 + <item name="videoWeb" type="462c0819:PsiDirectoryNode" />
  326 + <item name="css" type="462c0819:PsiDirectoryNode" />
  327 + </path>
  328 + <path>
  329 + <item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
  330 + <item name="videoWeb" type="462c0819:PsiDirectoryNode" />
  331 + <item name="js" type="462c0819:PsiDirectoryNode" />
  332 + </path>
  333 + </expand>
  334 + <select />
  335 + </subPane>
  336 + </pane>
  337 + </panes>
  338 + </component>
  339 + <component name="PropertiesComponent">
  340 + <property name="DefaultHtmlFileTemplate" value="HTML File" />
  341 + <property name="WebServerToolWindowFactoryState" value="false" />
  342 + <property name="last_opened_file_path" value="$PROJECT_DIR$/../../企业微信/Wechat_project_1" />
  343 + <property name="list.type.of.created.stylesheet" value="CSS" />
  344 + <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
  345 + <property name="nodejs_npm_path_reset_for_default_project" value="true" />
  346 + </component>
  347 + <component name="RecentsManager">
  348 + <key name="CopyFile.RECENT_KEYS">
  349 + <recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\video" />
  350 + <recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\images" />
  351 + <recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\js" />
  352 + <recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\css" />
  353 + </key>
  354 + </component>
  355 + <component name="RunDashboard">
  356 + <option name="ruleStates">
  357 + <list>
  358 + <RuleState>
  359 + <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
  360 + </RuleState>
  361 + <RuleState>
  362 + <option name="name" value="StatusDashboardGroupingRule" />
  363 + </RuleState>
  364 + </list>
  365 + </option>
  366 + </component>
  367 + <component name="RunManager">
  368 + <configuration name="index.html" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:8080/videoWeb/index.html">
  369 + <method v="2" />
  370 + </configuration>
  371 + <recent_temporary>
  372 + <list>
  373 + <item itemvalue="JavaScript Debug.index.html" />
  374 + </list>
  375 + </recent_temporary>
  376 + </component>
  377 + <component name="SvnConfiguration">
  378 + <configuration />
  379 + </component>
  380 + <component name="TaskManager">
  381 + <task active="true" id="Default" summary="Default task">
  382 + <changelist id="4b1522a3-ff5f-4552-aa4b-3123e2f51376" name="Default Changelist" comment="" />
  383 + <created>1548895030874</created>
  384 + <option name="number" value="Default" />
  385 + <option name="presentableId" value="Default" />
  386 + <updated>1548895030874</updated>
  387 + <workItem from="1548895033549" duration="30384000" />
  388 + <workItem from="1548981147688" duration="11024000" />
  389 + <workItem from="1548992357536" duration="7710000" />
  390 + <workItem from="1549067672098" duration="6253000" />
  391 + <workItem from="1549867324201" duration="11693000" />
  392 + <workItem from="1549933330561" duration="10351000" />
  393 + <workItem from="1550641525325" duration="16396000" />
  394 + <workItem from="1550660286585" duration="9483000" />
  395 + <workItem from="1550708882830" duration="650000" />
  396 + <workItem from="1550719714997" duration="23000" />
  397 + <workItem from="1550739730087" duration="8021000" />
  398 + <workItem from="1550795566704" duration="22278000" />
  399 + <workItem from="1550882038707" duration="2815000" />
  400 + <workItem from="1550886011237" duration="13182000" />
  401 + <workItem from="1551332507087" duration="84000" />
  402 + <workItem from="1551682810484" duration="11225000" />
  403 + <workItem from="1551745840250" duration="3929000" />
  404 + <workItem from="1551752167948" duration="11262000" />
  405 + <workItem from="1552007993628" duration="1030000" />
  406 + <workItem from="1552264945282" duration="3899000" />
  407 + <workItem from="1552269762944" duration="14971000" />
  408 + <workItem from="1552356650440" duration="880000" />
  409 + <workItem from="1552362125268" duration="613000" />
  410 + <workItem from="1552626110924" duration="425000" />
  411 + <workItem from="1553062965237" duration="98000" />
  412 + <workItem from="1553063676071" duration="133000" />
  413 + <workItem from="1553217636521" duration="56000" />
  414 + <workItem from="1553218676001" duration="622000" />
  415 + <workItem from="1553223031129" duration="619000" />
  416 + <workItem from="1553475198616" duration="267000" />
  417 + <workItem from="1553475579529" duration="612000" />
  418 + <workItem from="1554184116026" duration="769000" />
  419 + <workItem from="1554197195488" duration="105000" />
  420 + </task>
  421 + <servers />
  422 + </component>
  423 + <component name="TimeTrackingManager">
  424 + <option name="totallyTimeSpent" value="201862000" />
  425 + </component>
  426 + <component name="ToolWindowManager">
  427 + <frame x="251" y="59" width="1410" height="962" extended-state="0" />
  428 + <layout>
  429 + <window_info id="Favorites" order="0" side_tool="true" />
  430 + <window_info content_ui="combo" id="Project" order="1" visible="true" weight="0.13119534" />
  431 + <window_info id="Structure" order="2" side_tool="true" weight="0.25" />
  432 + <window_info active="true" anchor="bottom" id="Terminal" order="0" visible="true" weight="0.19588876" />
  433 + <window_info anchor="bottom" id="Event Log" order="1" side_tool="true" />
  434 + <window_info anchor="bottom" id="Version Control" order="2" />
  435 + <window_info anchor="bottom" id="Docker" order="3" show_stripe_button="false" />
  436 + <window_info anchor="bottom" id="Message" order="4" />
  437 + <window_info anchor="bottom" id="Find" order="5" />
  438 + <window_info anchor="bottom" id="Run" order="6" />
  439 + <window_info anchor="bottom" id="Debug" order="7" weight="0.4" />
  440 + <window_info anchor="bottom" id="Cvs" order="8" weight="0.25" />
  441 + <window_info anchor="bottom" id="Inspection" order="9" weight="0.4" />
  442 + <window_info anchor="bottom" id="TODO" order="10" />
  443 + <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
  444 + <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
  445 + <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
  446 + </layout>
  447 + </component>
  448 + <component name="TypeScriptGeneratedFilesManager">
  449 + <option name="version" value="1" />
  450 + </component>
  451 + <component name="VcsContentAnnotationSettings">
  452 + <option name="myLimit" value="2678400000" />
  453 + </component>
  454 + <component name="editorHistoryManager">
  455 + <entry file="file://$PROJECT_DIR$/js/base.js">
  456 + <provider selected="true" editor-type-id="text-editor">
  457 + <state relative-caret-position="27">
  458 + <caret line="1" column="3" lean-forward="true" selection-start-line="1" selection-start-column="3" selection-end-line="1" selection-end-column="3" />
  459 + </state>
  460 + </provider>
  461 + </entry>
  462 + <entry file="file://$PROJECT_DIR$/js/grzy_1.html" />
  463 + <entry file="file://$PROJECT_DIR$/css/grzy_1.html" />
  464 + <entry file="file://$PROJECT_DIR$/a.html" />
  465 + <entry file="file://$PROJECT_DIR$/js/jquery.min.js">
  466 + <provider selected="true" editor-type-id="text-editor">
  467 + <state relative-caret-position="108">
  468 + <caret line="4" column="19" selection-start-line="4" selection-start-column="19" selection-end-line="4" selection-end-column="19" />
  469 + </state>
  470 + </provider>
  471 + </entry>
  472 + <entry file="file://$PROJECT_DIR$/mmdl.html" />
  473 + <entry file="file://$PROJECT_DIR$/css/grzy.css">
  474 + <provider selected="true" editor-type-id="text-editor">
  475 + <state relative-caret-position="3429">
  476 + <caret line="165" column="19" selection-end-line="243" />
  477 + </state>
  478 + </provider>
  479 + </entry>
  480 + <entry file="file://$PROJECT_DIR$/css/gx.css">
  481 + <provider selected="true" editor-type-id="text-editor">
  482 + <state relative-caret-position="7290">
  483 + <caret line="310" column="18" lean-forward="true" selection-start-line="310" selection-start-column="18" selection-end-line="310" selection-end-column="18" />
  484 + </state>
  485 + </provider>
  486 + </entry>
  487 + <entry file="file://$PROJECT_DIR$/css/lxwm.css">
  488 + <provider selected="true" editor-type-id="text-editor">
  489 + <state relative-caret-position="197">
  490 + <caret line="196" column="21" lean-forward="true" selection-start-line="196" selection-start-column="21" selection-end-line="196" selection-end-column="21" />
  491 + </state>
  492 + </provider>
  493 + </entry>
  494 + <entry file="file://$PROJECT_DIR$/images/banner_1.png">
  495 + <provider selected="true" editor-type-id="images" />
  496 + </entry>
  497 + <entry file="file://$PROJECT_DIR$/images/peke.png">
  498 + <provider selected="true" editor-type-id="images" />
  499 + </entry>
  500 + <entry file="file://$PROJECT_DIR$/images/banner_3.png">
  501 + <provider selected="true" editor-type-id="images" />
  502 + </entry>
  503 + <entry file="file://$PROJECT_DIR$/images/banner_2.png">
  504 + <provider selected="true" editor-type-id="images" />
  505 + </entry>
  506 + <entry file="file://$PROJECT_DIR$/images/banner1.png">
  507 + <provider selected="true" editor-type-id="images" />
  508 + </entry>
  509 + <entry file="file://$PROJECT_DIR$/css/swiper.css">
  510 + <provider selected="true" editor-type-id="text-editor" />
  511 + </entry>
  512 + <entry file="file://$PROJECT_DIR$/css/search_no.css">
  513 + <provider selected="true" editor-type-id="text-editor">
  514 + <state relative-caret-position="1647">
  515 + <caret line="99" column="22" selection-end-line="110" />
  516 + </state>
  517 + </provider>
  518 + </entry>
  519 + <entry file="file://$PROJECT_DIR$/css/dropload.css">
  520 + <provider selected="true" editor-type-id="text-editor">
  521 + <state relative-caret-position="135">
  522 + <caret line="5" column="16" lean-forward="true" selection-start-line="5" selection-start-column="16" selection-end-line="5" selection-end-column="16" />
  523 + </state>
  524 + </provider>
  525 + </entry>
  526 + <entry file="file://$PROJECT_DIR$/js/dropload.min.js">
  527 + <provider selected="true" editor-type-id="text-editor" />
  528 + </entry>
  529 + <entry file="file://$PROJECT_DIR$/yq.html">
  530 + <provider selected="true" editor-type-id="text-editor">
  531 + <state relative-caret-position="1809">
  532 + <caret line="101" column="21" lean-forward="true" selection-start-line="101" selection-start-column="16" selection-end-line="101" selection-end-column="21" />
  533 + </state>
  534 + </provider>
  535 + </entry>
  536 + <entry file="file://$PROJECT_DIR$/css/yq.css">
  537 + <provider selected="true" editor-type-id="text-editor">
  538 + <state relative-caret-position="13824">
  539 + <caret line="550" column="20" selection-start-line="550" selection-start-column="20" selection-end-line="550" selection-end-column="20" />
  540 + </state>
  541 + </provider>
  542 + </entry>
  543 + <entry file="file://$PROJECT_DIR$/css/search.css">
  544 + <provider selected="true" editor-type-id="text-editor">
  545 + <state relative-caret-position="1728">
  546 + <caret line="102" column="23" lean-forward="true" selection-start-line="102" selection-start-column="23" selection-end-line="102" selection-end-column="23" />
  547 + </state>
  548 + </provider>
  549 + </entry>
  550 + <entry file="file://$PROJECT_DIR$/grzy.html">
  551 + <provider selected="true" editor-type-id="text-editor">
  552 + <state relative-caret-position="190">
  553 + <caret line="70" column="18" lean-forward="true" selection-start-line="70" selection-start-column="18" selection-end-line="70" selection-end-column="18" />
  554 + </state>
  555 + </provider>
  556 + </entry>
  557 + <entry file="file://$PROJECT_DIR$/gx.html">
  558 + <provider selected="true" editor-type-id="text-editor">
  559 + <state relative-caret-position="329">
  560 + <caret line="229" column="25" lean-forward="true" selection-start-line="229" selection-start-column="25" selection-end-line="229" selection-end-column="25" />
  561 + </state>
  562 + </provider>
  563 + </entry>
  564 + <entry file="file://$PROJECT_DIR$/lxwm.html">
  565 + <provider selected="true" editor-type-id="text-editor">
  566 + <state relative-caret-position="228">
  567 + <caret line="121" column="14" lean-forward="true" selection-start-line="121" selection-start-column="14" selection-end-line="121" selection-end-column="14" />
  568 + </state>
  569 + </provider>
  570 + </entry>
  571 + <entry file="file://$PROJECT_DIR$/css/zhsz.css">
  572 + <provider selected="true" editor-type-id="text-editor">
  573 + <state relative-caret-position="-1211">
  574 + <caret line="192" column="23" lean-forward="true" selection-start-line="192" selection-start-column="23" selection-end-line="192" selection-end-column="23" />
  575 + </state>
  576 + </provider>
  577 + </entry>
  578 + <entry file="file://$PROJECT_DIR$/search.html">
  579 + <provider selected="true" editor-type-id="text-editor">
  580 + <state relative-caret-position="1026">
  581 + <caret line="38" column="52" selection-start-line="38" selection-start-column="52" selection-end-line="38" selection-end-column="52" />
  582 + </state>
  583 + </provider>
  584 + </entry>
  585 + <entry file="file://$PROJECT_DIR$/search_no.html">
  586 + <provider selected="true" editor-type-id="text-editor">
  587 + <state relative-caret-position="135">
  588 + <caret line="5" column="82" selection-start-line="5" selection-start-column="82" selection-end-line="5" selection-end-column="82" />
  589 + </state>
  590 + </provider>
  591 + </entry>
  592 + <entry file="file://$PROJECT_DIR$/index_2.html" />
  593 + <entry file="file://$PROJECT_DIR$/css/index_2.css" />
  594 + <entry file="file://$PROJECT_DIR$/rw.html">
  595 + <provider selected="true" editor-type-id="text-editor">
  596 + <state relative-caret-position="1026">
  597 + <caret line="38" column="19" selection-start-line="38" selection-start-column="19" selection-end-line="38" selection-end-column="19" />
  598 + </state>
  599 + </provider>
  600 + </entry>
  601 + <entry file="file://$PROJECT_DIR$/yhzs.html">
  602 + <provider selected="true" editor-type-id="text-editor">
  603 + <state relative-caret-position="5670">
  604 + <caret line="714" column="4" selection-start-line="714" selection-start-column="4" selection-end-line="747" selection-end-column="10" />
  605 + </state>
  606 + </provider>
  607 + </entry>
  608 + <entry file="file://$PROJECT_DIR$/css/yhzs.css">
  609 + <provider selected="true" editor-type-id="text-editor">
  610 + <state relative-caret-position="6075">
  611 + <caret line="225" column="1" selection-end-line="819" />
  612 + </state>
  613 + </provider>
  614 + </entry>
  615 + <entry file="file://$PROJECT_DIR$/css/common.css">
  616 + <provider selected="true" editor-type-id="text-editor">
  617 + <state relative-caret-position="270">
  618 + <caret line="10" column="17" selection-start-line="10" selection-start-column="17" selection-end-line="10" selection-end-column="17" />
  619 + </state>
  620 + </provider>
  621 + </entry>
  622 + <entry file="file://$PROJECT_DIR$/zhsz.html">
  623 + <provider selected="true" editor-type-id="text-editor">
  624 + <state relative-caret-position="5157">
  625 + <caret line="491" column="6" selection-start-line="491" selection-start-column="6" selection-end-line="491" selection-end-column="6" />
  626 + </state>
  627 + </provider>
  628 + </entry>
  629 + <entry file="file://$PROJECT_DIR$/index.html">
  630 + <provider selected="true" editor-type-id="text-editor">
  631 + <state relative-caret-position="27">
  632 + <caret line="293" column="10" selection-start-line="293" selection-start-column="10" selection-end-line="293" selection-end-column="10" />
  633 + <folding>
  634 + <element signature="n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
  635 + <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  636 + <element signature="n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
  637 + <element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
  638 + <element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  639 + <element signature="n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  640 + <element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  641 + <element signature="n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  642 + <element signature="n#div#0;n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  643 + <element signature="n#div#1;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
  644 + <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  645 + <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  646 + <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  647 + <element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  648 + <element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  649 + <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  650 + <element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  651 + <element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  652 + </folding>
  653 + </state>
  654 + </provider>
  655 + </entry>
  656 + <entry file="file://$PROJECT_DIR$/js/swiper.js">
  657 + <provider selected="true" editor-type-id="text-editor">
  658 + <state relative-caret-position="216">
  659 + <caret line="8" column="2" selection-start-line="8" selection-start-column="2" selection-end-line="8" selection-end-column="2" />
  660 + </state>
  661 + </provider>
  662 + </entry>
  663 + <entry file="file://$PROJECT_DIR$/spxq.html">
  664 + <provider selected="true" editor-type-id="text-editor">
  665 + <state relative-caret-position="7317">
  666 + <caret line="351" column="34" selection-start-line="351" selection-start-column="34" selection-end-line="351" selection-end-column="34" />
  667 + <folding>
  668 + <element signature="n#div#6;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
  669 + <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  670 + <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  671 + <element signature="n#div#0;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  672 + <element signature="n#div#1;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  673 + <element signature="n#div#2;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  674 + <element signature="n#div#3;n#div#0;n#div#0;n#div#4;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
  675 + <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
  676 + <element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
  677 + <element signature="n#div#0;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  678 + <element signature="n#div#0;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  679 + <element signature="n#div#0;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  680 + <element signature="n#div#1;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  681 + <element signature="n#div#2;n#div#1;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
  682 + <element signature="n#style#0;n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  683 + <element signature="n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" />
  684 + </folding>
  685 + </state>
  686 + </provider>
  687 + </entry>
  688 + <entry file="file://$PROJECT_DIR$/rwxq.html">
  689 + <provider selected="true" editor-type-id="text-editor">
  690 + <state relative-caret-position="9639">
  691 + <caret line="357" selection-start-line="357" selection-end-line="357" />
  692 + <folding>
  693 + <element signature="n#style#0;n#p#1;n#div#1;n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
  694 + </folding>
  695 + </state>
  696 + </provider>
  697 + </entry>
  698 + <entry file="file://$PROJECT_DIR$/css/ztxq.css">
  699 + <provider selected="true" editor-type-id="text-editor">
  700 + <state relative-caret-position="5022">
  701 + <caret line="186" column="21" selection-start-line="186" selection-start-column="21" selection-end-line="186" selection-end-column="21" />
  702 + </state>
  703 + </provider>
  704 + </entry>
  705 + <entry file="file://$PROJECT_DIR$/ztxq.html">
  706 + <provider selected="true" editor-type-id="text-editor">
  707 + <state relative-caret-position="3564">
  708 + <caret line="132" column="26" lean-forward="true" selection-start-line="132" selection-start-column="26" selection-end-line="132" selection-end-column="26" />
  709 + </state>
  710 + </provider>
  711 + </entry>
  712 + <entry file="file://$PROJECT_DIR$/css/rw.css">
  713 + <provider selected="true" editor-type-id="text-editor">
  714 + <state relative-caret-position="5022">
  715 + <caret line="186" column="28" lean-forward="true" selection-start-line="186" selection-start-column="28" selection-end-line="186" selection-end-column="28" />
  716 + </state>
  717 + </provider>
  718 + </entry>
  719 + <entry file="file://$PROJECT_DIR$/css/rwxq.css">
  720 + <provider selected="true" editor-type-id="text-editor">
  721 + <state relative-caret-position="10179">
  722 + <caret line="377" column="28" lean-forward="true" selection-start-line="377" selection-start-column="28" selection-end-line="377" selection-end-column="28" />
  723 + </state>
  724 + </provider>
  725 + </entry>
  726 + <entry file="file://$PROJECT_DIR$/css/index.css">
  727 + <provider selected="true" editor-type-id="text-editor">
  728 + <state relative-caret-position="9909">
  729 + <caret line="367" column="29" lean-forward="true" selection-start-line="367" selection-start-column="29" selection-end-line="367" selection-end-column="29" />
  730 + </state>
  731 + </provider>
  732 + </entry>
  733 + <entry file="file://$PROJECT_DIR$/css/spxq.css">
  734 + <provider selected="true" editor-type-id="text-editor">
  735 + <state relative-caret-position="13662">
  736 + <caret line="506" column="1" lean-forward="true" selection-start-line="506" selection-start-column="1" selection-end-line="506" selection-end-column="1" />
  737 + </state>
  738 + </provider>
  739 + </entry>
  740 + </component>
  741 +</project>
@@ -326,10 +326,145 @@ @@ -326,10 +326,145 @@
326 .show_time{ 326 .show_time{
327 width: 6.86rem; 327 width: 6.86rem;
328 display: flex; 328 display: flex;
  329 + justify-content: space-between;
329 } 330 }
330 .show_time_year{ 331 .show_time_year{
  332 + width: 3.2rem;
331 display: flex; 333 display: flex;
  334 + align-items: center;
  335 + justify-content: space-between;
  336 + font-size: 0.2rem;
  337 + -webkit-box-sizing: border-box;
  338 + -moz-box-sizing: border-box;
  339 + box-sizing: border-box;
  340 + padding: 0.2rem;
332 } 341 }
333 .show_time_month{ 342 .show_time_month{
  343 + width: 3.2rem;
  344 + display: flex;
  345 + align-items: center;
  346 + justify-content: space-between;
  347 + font-size: 0.2rem;
  348 + -webkit-box-sizing: border-box;
  349 + -moz-box-sizing: border-box;
  350 + box-sizing: border-box;
  351 + padding: 0.2rem;
  352 +}
  353 +
  354 +
  355 +
  356 +.container{
  357 + position: relative;
  358 +}
  359 +.mid{
  360 + display: flex;
  361 + flex-flow: column;
  362 + align-items: center;
  363 + justify-content: center;
  364 +}
  365 +.mask{
  366 + width: 7.5rem;
  367 + height: 100%;
  368 + background-color: #ffffff;
  369 + opacity: 0.9;
  370 + position: fixed;
  371 + top: 1.69rem;
  372 + /*top: 0;*/
  373 + z-index: 999;
  374 + display: flex;
  375 + align-items: center;
  376 + overflow-y: hidden;
  377 +}
  378 +.pop{
  379 + position: absolute;
  380 + left:0;
  381 + right: 0;
  382 + z-index: 999;
  383 + display: flex;
  384 + flex-flow: column;
  385 + align-items: center;
  386 + justify-content: center;
  387 +
  388 + font-size: 0.48rem;
  389 + font-family:PingFang-SC-Bold;
  390 + font-weight:bold;
  391 +
  392 +}
  393 +.pop_color{
  394 + color:rgba(166,16,16,1);
  395 +}
  396 +.pop_text{
  397 + padding: 0.42rem;
  398 +}
  399 +
  400 +.mask_2{
  401 + opacity: 1;
  402 +}
  403 +/*视频播放*/
  404 +.mask_video{
  405 + width: 6rem;
  406 + /*height: 4rem;*/
  407 + background: #000000;
  408 + position: absolute;
  409 + top: 3rem;
  410 +}
  411 +.mask_video_top{
  412 + height: 0.5rem;
  413 + line-height: 0.5rem;
  414 + font-size: 0.3rem;
  415 + color: #000;
  416 + text-align: center;
  417 + position: relative;
  418 + background-color: #007aff;
  419 +}
  420 +.mask_video_bottom{
  421 + width: 6rem;
  422 + /*height: 3.5rem;*/
  423 + display: flex;
  424 +}
  425 +.mask_video_bottom video{
  426 + width: 100%;
  427 + height: 100%;
  428 +}
  429 +/*菜单*/
  430 +.menu_item{
  431 + width: 1.8rem;
  432 + display: flex;
  433 + flex-flow: column;
  434 + font-size: 0.24rem;
  435 + font-weight: bold;
  436 + background-color: orangered;
  437 + position: absolute;
  438 + top: 0.8rem;
  439 + z-index: 999;
  440 +}
  441 +.menu_item p{
  442 + position: relative;
  443 + line-height: 0.5rem;
  444 + text-align: center;
  445 + border-bottom: 1px solid #F7F7F7;
  446 + margin: 0 0.2rem;
  447 +}
  448 +.year_pic{
  449 + width: 0.11rem;
  450 + height: 0.23rem;
  451 + display: flex;
  452 +}
  453 +.year_pic img{
  454 + width: 100%;
  455 + height: 100%;
  456 +}
  457 +.month_pic{
  458 + width: 0.11rem;
  459 + height: 0.23rem;
334 display: flex; 460 display: flex;
335 } 461 }
  462 +.month_pic img{
  463 + width: 100%;
  464 + height: 100%;
  465 +}
  466 +.month_item{
  467 + width: 60%;
  468 + display: flex;
  469 + justify-content: space-between;
  470 +}
1 -  
2 -  
3 -.container{  
4 - position: relative;  
5 -}  
6 -.mid{  
7 - display: flex;  
8 - flex-flow: column;  
9 - align-items: center;  
10 - justify-content: center;  
11 -}  
12 -.mask{  
13 - width: 7.5rem;  
14 - height: 100%;  
15 - background-color: #ffffff;  
16 - opacity: 0.9;  
17 - position: fixed;  
18 - top: 1.69rem;  
19 - /*top: 0;*/  
20 - z-index: 999;  
21 - display: flex;  
22 - align-items: center;  
23 - overflow-y: hidden;  
24 -}  
25 -.pop{  
26 - position: absolute;  
27 - left:0;  
28 - right: 0;  
29 - z-index: 999;  
30 - display: flex;  
31 - flex-flow: column;  
32 - align-items: center;  
33 - justify-content: center;  
34 -  
35 - font-size: 0.48rem;  
36 - font-family:PingFang-SC-Bold;  
37 - font-weight:bold;  
38 -  
39 -}  
40 -.pop_color{  
41 - color:rgba(166,16,16,1);  
42 -}  
43 -.pop_text{  
44 - padding: 0.42rem;  
45 -}  
46 -  
47 -.mask_2{  
48 - opacity: 1;  
49 -}  
50 -/*视频播放*/  
51 -.mask_video{  
52 - width: 6rem;  
53 - /*height: 4rem;*/  
54 - background: #000000;  
55 - position: absolute;  
56 - top: 3rem;  
57 -}  
58 -.mask_video_top{  
59 - height: 0.5rem;  
60 - line-height: 0.5rem;  
61 - font-size: 0.3rem;  
62 - color: #000;  
63 - text-align: center;  
64 - position: relative;  
65 - background-color: #007aff;  
66 -}  
67 -.mask_video_bottom{  
68 - width: 6rem;  
69 - /*height: 3.5rem;*/  
70 - display: flex;  
71 -}  
72 -.mask_video_bottom video{  
73 - width: 100%;  
74 - height: 100%;  
75 -}  
76 -/*菜单*/  
77 -.menu_item{  
78 - width: 1.8rem;  
79 - display: flex;  
80 - flex-flow: column;  
81 - font-size: 0.24rem;  
82 - font-weight: bold;  
83 - background-color: orangered;  
84 - position: absolute;  
85 - top: 0.8rem;  
86 - z-index: 999;  
87 -}  
88 -.menu_item p{  
89 - position: relative;  
90 - line-height: 0.5rem;  
91 - text-align: center;  
92 - border-bottom: 1px solid #F7F7F7;  
93 - margin: 0 0.2rem;  
94 -}  
@@ -378,3 +378,12 @@ @@ -378,3 +378,12 @@
378 text-overflow: ellipsis; 378 text-overflow: ellipsis;
379 white-space: nowrap; 379 white-space: nowrap;
380 } 380 }
  381 +.attention{
  382 + width: 1.42rem;
  383 + height: 0.34rem;
  384 + line-height: 0.34rem;
  385 + text-align: center;
  386 + background:rgba(166,16,16,0);
  387 + border: 0.02rem solid rgba(166, 16, 16, 1);
  388 + border-radius: 0.01rem;
  389 +}
@@ -328,11 +328,12 @@ @@ -328,11 +328,12 @@
328 display: flex; 328 display: flex;
329 justify-content: space-around; 329 justify-content: space-around;
330 background-color: #fff; 330 background-color: #fff;
331 - box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08); 331 + box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
332 border-radius: 0.04rem; 332 border-radius: 0.04rem;
333 - position: absolute;  
334 - right: 0;  
335 - top: 0.6rem; 333 + position: relative;
  334 + /*right: 0;*/
  335 + /*top: 0.6rem;*/
  336 + z-index: 999;
336 } 337 }
337 .share_function_item{ 338 .share_function_item{
338 display: flex; 339 display: flex;
@@ -444,3 +445,63 @@ @@ -444,3 +445,63 @@
444 .pic_small{ 445 .pic_small{
445 margin-left: 0.07rem; 446 margin-left: 0.07rem;
446 } 447 }
  448 +
  449 +.share_box{
  450 + position: absolute;
  451 + right: 0;
  452 + top: 0.6rem;
  453 +}
  454 +/*删除评论*/
  455 +.delect_comment{
  456 + width: 7.5rem;
  457 + height: 100%;
  458 + background: rgba(0,0,0,0.6);
  459 + position: fixed;
  460 + top: 0;
  461 + z-index: 999;
  462 + display: flex;
  463 + align-items: center;
  464 + justify-content: center;
  465 + overflow-y: hidden;
  466 +}
  467 +.delect_comment_box{
  468 + width: 5rem;
  469 + /*height: 3rem;*/
  470 + background: #fff;
  471 + border-radius: 0.2rem;
  472 + display: flex;
  473 + flex-flow: column;
  474 +}
  475 +.delect_top{
  476 + width: 100%;
  477 + text-align: center;
  478 + font-size: 0.36rem;
  479 + border-bottom: 1px solid #e5e5e5;
  480 + -webkit-box-sizing: border-box;
  481 + -moz-box-sizing: border-box;
  482 + box-sizing: border-box;
  483 + padding: 0.3rem 0.5rem;
  484 +}
  485 +.delect_bottom{
  486 + height: 0.7rem;
  487 +
  488 + display: flex;
  489 + box-sizing: border-box;
  490 + /*padding: 0.3rem 0.5rem;*/
  491 +}
  492 +.delect_bottom_left{
  493 + width: 2.5rem;
  494 + line-height: 0.7rem;
  495 + text-align: center;
  496 + /*background: ;*/
  497 + font-size: 0.24rem;
  498 + color: orange;
  499 + margin: 0;
  500 + border-right: 1px solid #e5e5e5;
  501 +}
  502 +.delect_bottom_right{
  503 + width: 2.5rem;
  504 + line-height: 0.7rem;
  505 + text-align: center;
  506 + font-size: 0.24rem;
  507 +}
@@ -146,16 +146,15 @@ @@ -146,16 +146,15 @@
146 display: flex; 146 display: flex;
147 justify-content: space-between; 147 justify-content: space-between;
148 box-sizing: border-box; 148 box-sizing: border-box;
149 - padding: 0 0.2rem; 149 + padding: 0.06rem 0.2rem;
150 } 150 }
151 .item_top_box_item{ 151 .item_top_box_item{
152 -  
153 font-size: 0.16rem; 152 font-size: 0.16rem;
154 font-family:PingFang-SC-Medium; 153 font-family:PingFang-SC-Medium;
155 font-weight:500; 154 font-weight:500;
156 color:rgba(255,255,255,1); 155 color:rgba(255,255,255,1);
157 - line-height:24px;  
158 text-shadow:0rem 1rem 2rem rgba(82,82,82,0.45); 156 text-shadow:0rem 1rem 2rem rgba(82,82,82,0.45);
  157 + display: flex;
159 } 158 }
160 .item_bottom{ 159 .item_bottom{
161 display: flex; 160 display: flex;
@@ -186,6 +185,6 @@ @@ -186,6 +185,6 @@
186 -webkit-box-orient: vertical; 185 -webkit-box-orient: vertical;
187 -webkit-line-clamp: 2; 186 -webkit-line-clamp: 2;
188 overflow: hidden; 187 overflow: hidden;
189 - 188 + line-height: 0.28rem;
190 } 189 }
191 190
@@ -4,11 +4,11 @@ @@ -4,11 +4,11 @@
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <title>首页</title> 5 <title>首页</title>
6 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 6 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
7 - 7 + <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 <link rel="stylesheet" type="text/css" href="css/common.css"> 9 <link rel="stylesheet" type="text/css" href="css/common.css">
10 <link rel="stylesheet" type="text/css" href="css/index.css"> 10 <link rel="stylesheet" type="text/css" href="css/index.css">
11 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_u8m5zjdi1u.css"> 11 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css">
12 <script src="js/base.js"></script> 12 <script src="js/base.js"></script>
13 <script src="js/jquery.min.js"></script> 13 <script src="js/jquery.min.js"></script>
14 <link rel="stylesheet" href="css/swiper.css"> 14 <link rel="stylesheet" href="css/swiper.css">
@@ -21,7 +21,7 @@ @@ -21,7 +21,7 @@
21 } 21 }
22 .icon-bofangshipin{ 22 .icon-bofangshipin{
23 font-size: 0.38rem; 23 font-size: 0.38rem;
24 - 24 + line-height: 1.4;
25 } 25 }
26 .swiper-container { 26 .swiper-container {
27 width: 100%; 27 width: 100%;
@@ -62,265 +62,375 @@ @@ -62,265 +62,375 @@
62 top: 0; 62 top: 0;
63 right: 0; 63 right: 0;
64 } 64 }
65 - 65 + .icon-guanbi{
  66 + position: absolute;
  67 + height: 0.5rem;
  68 + line-height: 0.5rem;
  69 + top: 0;
  70 + right: 0.2rem;
  71 + }
  72 + .icon-shangsanjiao{
  73 + position: absolute;
  74 + top: -0.2rem;
  75 + left: -0.2rem;
  76 + color: orangered;
  77 + }
66 </style> 78 </style>
67 </head> 79 </head>
68 <script src="js/swiper.js"></script> 80 <script src="js/swiper.js"></script>
69 <body> 81 <body>
70 - <div class="container">  
71 - <div class="top">  
72 - <!--顶部菜单-->  
73 - <div class="top_t">  
74 - <!--左-->  
75 - <div class="top_t_left">  
76 - <!--中文字-->  
77 - <div class="top_t_left_text">  
78 - 中  
79 - </div>  
80 - <!--菜单图标-->  
81 - <div class="iconfont icon-caidan" ></div>  
82 - </div>  
83 - <!--中-->  
84 - <div class="top_t_middle">  
85 - <img src="images/peke.png"> 82 +<div class="container">
  83 + <div class="top">
  84 + <!--顶部菜单-->
  85 + <div class="top_t">
  86 + <!--左-->
  87 + <div class="top_t_left">
  88 + <!--中文字-->
  89 + <div class="top_t_left_text">
  90 + 中
86 </div> 91 </div>
87 - <!--右-->  
88 - <div class="top_t_right">  
89 - <!--铃声-->  
90 - <div class="iconfont icon-10">  
91 - <div></div>  
92 - </div>  
93 - <!--头像-->  
94 - <div class="top_t_right_pic">  
95 - <img src="images/1.png"> 92 + <!--菜单图标-->
  93 + <div class="iconfont icon-caidan">
  94 + <!--菜单列表-->
  95 + <div class="menu_item" style="display: none;">
  96 +
  97 + <p class="index_jump">主页
  98 + <span class="iconfont icon-shangsanjiao"></span>
  99 + </p >
  100 + <p class="rwxq_jump">人物详情</p>
  101 + <p class="grzy_jump">个人主页</p>
  102 + <p class="spxq_jump">视频详情</p>
96 </div> 103 </div>
97 </div> 104 </div>
98 </div> 105 </div>
99 - <!--底部搜索-->  
100 - <div class="top_d">  
101 - <div class="iconfont icon-magnifier"></div>  
102 - <input class="top_d_input" placeholder="搜索音乐/作品/风格"> 106 + <!--中-->
  107 + <div class="top_t_middle">
  108 + <img src="images/icon_1.png">
103 </div> 109 </div>
104 - </div>  
105 - <!--轮播图-->  
106 - <div class="banner">  
107 - <!-- Swiper -->  
108 - <div class="swiper-container">  
109 - <div class="swiper-wrapper">  
110 - <div class="swiper-slide">  
111 - <img src="images/banner_1.png">  
112 - </div>  
113 - <div class="swiper-slide">  
114 - <img src="images/banner_2.png">  
115 - </div>  
116 - <div class="swiper-slide">  
117 - <img src="images/banner_3.png">  
118 - </div>  
119 - 110 + <!--右-->
  111 + <div class="top_t_right">
  112 + <!--铃声-->
  113 + <div class="iconfont icon-10">
  114 + <div class="top_dot"></div>
  115 + </div>
  116 + <!--头像-->
  117 + <div class="top_t_right_pic">
  118 + <img src="images/1.png">
120 </div> 119 </div>
121 - <!-- Add Pagination -->  
122 - <div class="swiper-pagination"></div>  
123 </div> 120 </div>
124 </div> 121 </div>
125 - <!--最新-->  
126 - <div class="new">  
127 - <div class="new_e">  
128 - The latest  
129 - </div>  
130 - <div class="new_c">  
131 - 最新  
132 - </div>  
133 - <!--最新小视频窗口-->  
134 - <div class="new_video_item">  
135 - <div class="new_video">  
136 - <div class="new_video_top">  
137 - <img src="images/peke.png">  
138 - </div>  
139 - <div class="new_video_bottom">  
140 - <div class="iconfont icon-bofangshipin"></div>  
141 - <div class="new_video_bottom_right">  
142 - 壹  
143 - </div> 122 + <!--底部搜索-->
  123 + <div class="top_d">
  124 + <div class="iconfont icon-magnifier"></div>
  125 + <input class="top_d_input" placeholder="搜索音乐/作品/风格">
  126 + </div>
  127 + </div>
  128 + <!--轮播图-->
  129 + <div class="banner">
  130 + <!-- Swiper -->
  131 + <div class="swiper-container">
  132 + <div class="swiper-wrapper">
  133 + <div class="swiper-slide">
  134 + <img src="images/banner_1.png">
  135 + </div>
  136 + <div class="swiper-slide">
  137 + <img src="images/banner_2.png">
  138 + </div>
  139 + <div class="swiper-slide">
  140 + <img src="images/banner_3.png">
  141 + </div>
144 142
145 - <div class="new_video_bottom_name">  
146 - 小猪佩奇  
147 - 小猪佩奇  
148 - 小猪佩奇  
149 - </div>  
150 - </div> 143 + </div>
  144 + <!-- Add Pagination -->
  145 + <div class="swiper-pagination"></div>
  146 + </div>
  147 + </div>
  148 + <!--最新-->
  149 + <div class="new">
  150 + <div class="new_e">
  151 + The latest
  152 + </div>
  153 + <div class="new_c">
  154 + 最新
  155 + </div>
  156 + <!--最新小视频窗口-->
  157 + <div class="new_video_item">
  158 + <div class="new_video video_player">
  159 + <div class="new_video_top">
  160 + <img src="images/peke.png">
151 </div> 161 </div>
152 - <div class="new_video">  
153 - <div class="new_video_top">  
154 - <img src="images/peke.png"> 162 + <div class="new_video_bottom">
  163 + <div class="iconfont icon-bofangshipin"></div>
  164 + <div class="new_video_bottom_right">
  165 + 壹
155 </div> 166 </div>
156 - <div class="new_video_bottom">  
157 - <div class="iconfont icon-bofangshipin"></div>  
158 - <div class="new_video_bottom_right">  
159 - 壹  
160 - </div>  
161 167
162 - <div class="new_video_bottom_name">  
163 - 小猪佩奇  
164 - 小猪佩奇  
165 - 小猪佩奇  
166 - </div> 168 + <div class="new_video_bottom_name">
  169 + 小猪佩奇
  170 + 小猪佩奇
  171 + 小猪佩奇
167 </div> 172 </div>
168 </div> 173 </div>
169 </div> 174 </div>
170 - <!--最新打视频窗口-->  
171 - <div class="new_video_big">  
172 - <div class="new_video_big_pic"> 175 + <div class="new_video video_player">
  176 + <div class="new_video_top">
173 <img src="images/peke.png"> 177 <img src="images/peke.png">
174 </div> 178 </div>
175 - <div class="new_video_big_bottom"> 179 + <div class="new_video_bottom">
176 <div class="iconfont icon-bofangshipin"></div> 180 <div class="iconfont icon-bofangshipin"></div>
177 <div class="new_video_bottom_right"> 181 <div class="new_video_bottom_right">
178 壹 182 壹
179 </div> 183 </div>
180 - <div class="new_video_big_name_text">  
181 - 小猪佩奇  
182 - 小猪佩奇  
183 - 小猪佩奇  
184 - 小猪佩奇  
185 - 小猪佩奇  
186 - 小猪佩奇  
187 - 小猪佩奇  
188 - 小猪佩奇  
189 - 小猪佩奇 184 +
  185 + <div class="new_video_bottom_name">
190 小猪佩奇 186 小猪佩奇
191 小猪佩奇 187 小猪佩奇
192 小猪佩奇 188 小猪佩奇
193 </div> 189 </div>
194 </div> 190 </div>
195 </div> 191 </div>
196 -  
197 </div> 192 </div>
198 - <!--视频-->  
199 - <div class="video">  
200 - <div class="new_e">  
201 - Video 193 + <!--最新打视频窗口-->
  194 + <div class="new_video_big video_player">
  195 + <div class="new_video_big_pic">
  196 + <img src="images/peke.png">
202 </div> 197 </div>
203 - <div class="new_c">  
204 - 视频  
205 - </div>  
206 - <div class="item_pic">  
207 - <!--图片盒子-->  
208 - <div class="pic_box">  
209 - <!--图片-->  
210 - <div class="pic_box_top">  
211 - <img src="images/peke.png">  
212 - </div>  
213 - <!--文字-->  
214 - <div class="pic_box_bottom">  
215 - 某某主题  
216 - </div> 198 + <div class="new_video_big_bottom">
  199 + <div class="iconfont icon-bofangshipin"></div>
  200 + <div class="new_video_bottom_right">
  201 + 壹
217 </div> 202 </div>
218 - <div class="pic_box">  
219 - <!--图片-->  
220 - <div class="pic_box_top">  
221 - <img src="images/peke.png">  
222 - </div>  
223 - <!--文字-->  
224 - <div class="pic_box_bottom">  
225 - 某某主题  
226 - </div> 203 + <div class="new_video_big_name_text">
  204 + 小猪佩奇
  205 + 小猪佩奇
  206 + 小猪佩奇
  207 + 小猪佩奇
  208 + 小猪佩奇
  209 + 小猪佩奇
  210 + 小猪佩奇
  211 + 小猪佩奇
  212 + 小猪佩奇
  213 + 小猪佩奇
  214 + 小猪佩奇
  215 + 小猪佩奇
227 </div> 216 </div>
228 </div> 217 </div>
229 - <!--更多-->  
230 - <div class="video_more">  
231 - MORE  
232 - </div>  
233 </div> 218 </div>
234 - <!--文章-->  
235 - <div class="title">  
236 - <div class="new_e marin_top">  
237 - Article 219 +
  220 + </div>
  221 + <!--视频-->
  222 + <div class="video">
  223 + <div class="new_e">
  224 + Video
  225 + </div>
  226 + <div class="new_c">
  227 + 视频
  228 + </div>
  229 + <div class="item_pic">
  230 + <!--图片盒子-->
  231 + <div class="pic_box">
  232 + <!--图片-->
  233 + <div class="pic_box_top">
  234 + <img src="images/peke.png">
  235 + </div>
  236 + <!--文字-->
  237 + <div class="pic_box_bottom">
  238 + 某某主题
  239 + </div>
238 </div> 240 </div>
239 - <div class="new_c">  
240 - 文章 241 + <div class="pic_box">
  242 + <!--图片-->
  243 + <div class="pic_box_top">
  244 + <img src="images/peke.png">
  245 + </div>
  246 + <!--文字-->
  247 + <div class="pic_box_bottom">
  248 + 某某主题
  249 + </div>
241 </div> 250 </div>
242 - <div class="item_pic">  
243 - <!--图片盒子-->  
244 - <div class="pic_box">  
245 - <!--图片-->  
246 - <div class="pic_box_top">  
247 - <img src="images/peke.png">  
248 - </div>  
249 - <!--文字-->  
250 - <div class="pic_box_bottom between">  
251 - <p>某某主题</p>  
252 - <p>2019.1.12</p>  
253 - </div> 251 + </div>
  252 + <!--更多-->
  253 + <div class="video_more">
  254 + MORE
  255 + </div>
  256 + </div>
  257 + <!--文章-->
  258 + <div class="title">
  259 + <div class="new_e marin_top">
  260 + Article
  261 + </div>
  262 + <div class="new_c">
  263 + 文章
  264 + </div>
  265 + <div class="item_pic">
  266 + <!--图片盒子-->
  267 + <div class="pic_box">
  268 + <!--图片-->
  269 + <div class="pic_box_top">
  270 + <img src="images/peke.png">
254 </div> 271 </div>
255 - <div class="pic_box">  
256 - <!--图片-->  
257 - <div class="pic_box_top">  
258 - <img src="images/peke.png">  
259 - </div>  
260 - <!--文字-->  
261 - <div class="pic_box_bottom between">  
262 - <p>某某主题</p>  
263 - <p>2019.1.12</p>  
264 - </div> 272 + <!--文字-->
  273 + <div class="pic_box_bottom between">
  274 + <p>某某主题</p>
  275 + <p>2019.1.12</p>
265 </div> 276 </div>
266 </div> 277 </div>
267 - <!--更多-->  
268 - <div class="video_more">  
269 - MORE 278 + <div class="pic_box">
  279 + <!--图片-->
  280 + <div class="pic_box_top">
  281 + <img src="images/peke.png">
  282 + </div>
  283 + <!--文字-->
  284 + <div class="pic_box_bottom between">
  285 + <p>某某主题</p>
  286 + <p>2019.1.12</p>
  287 + </div>
270 </div> 288 </div>
271 </div> 289 </div>
272 - <!--演出-->  
273 - <div class="show">  
274 - <div class="new_e marin_top">  
275 - Performance 290 + <!--更多-->
  291 + <div class="video_more">
  292 + MORE
  293 + </div>
  294 + </div>
  295 + <!--演出-->
  296 + <div class="show">
  297 + <div class="new_e marin_top">
  298 + Performance
  299 + </div>
  300 + <div class="new_c">
  301 + 演出
  302 + </div>
  303 + <!--演出时间筛选-->
  304 + <div class="show_time">
  305 + <!--年-->
  306 + <div class="show_time_year">
  307 + <div class="year_pic">
  308 + <img src="images/left_aa.png">
  309 + </div>
  310 + <div >2018</div>
  311 + <div class="year_pic">
  312 + <img src="images/right_aa.png">
  313 + </div>
276 </div> 314 </div>
277 - <div class="new_c">  
278 - 演出 315 + <!--月-->
  316 + <div class="show_time_month">
  317 + <div class="month_pic">
  318 + <img src="images/left_aa.png">
  319 + </div>
  320 + <div class="month_item">
  321 + <p>7月</p>
  322 + <p>8月</p>
  323 + <p>9月</p>
  324 + </div>
  325 + <div class="month_pic">
  326 + <img src="images/right_aa.png">
  327 + </div>
279 </div> 328 </div>
280 - <!--演出时间筛选-->  
281 - <div class="show_time">  
282 - <!--年-->  
283 - <div class="show_time_year">  
284 - 329 + </div>
  330 + <div class="item_pic">
  331 + <!--图片盒子-->
  332 + <div class="pic_box">
  333 + <!--图片-->
  334 + <div class="pic_box_top">
  335 + <img src="images/peke.png">
285 </div> 336 </div>
286 - <!--月-->  
287 - <div class="show_time_month">  
288 - 337 + <!--文字-->
  338 + <div class="pic_box_bottom between">
  339 + <p>某某主题</p>
  340 + <p>2019.1.12</p>
289 </div> 341 </div>
290 </div> 342 </div>
291 - <div class="item_pic">  
292 - <!--图片盒子-->  
293 - <div class="pic_box">  
294 - <!--图片-->  
295 - <div class="pic_box_top">  
296 - <img src="images/peke.png">  
297 - </div>  
298 - <!--文字-->  
299 - <div class="pic_box_bottom between">  
300 - <p>某某主题</p>  
301 - <p>2019.1.12</p>  
302 - </div> 343 + <div class="pic_box">
  344 + <!--图片-->
  345 + <div class="pic_box_top">
  346 + <img src="images/peke.png">
303 </div> 347 </div>
304 - <div class="pic_box">  
305 - <!--图片-->  
306 - <div class="pic_box_top">  
307 - <img src="images/peke.png">  
308 - </div>  
309 - <!--文字-->  
310 - <div class="pic_box_bottom between">  
311 - <p>某某主题</p>  
312 - <p>2019.1.12</p>  
313 - </div> 348 + <!--文字-->
  349 + <div class="pic_box_bottom between">
  350 + <p>某某主题</p>
  351 + <p>2019.1.12</p>
314 </div> 352 </div>
315 </div> 353 </div>
316 - <!--更多-->  
317 - <div class="video_more">  
318 - MORE 354 + </div>
  355 + <!--更多-->
  356 + <div class="video_more">
  357 + MORE
  358 + </div>
  359 + </div>
  360 +
  361 +
  362 +
  363 + <!--动态层-->
  364 + <!--<div class="mask" style="display: flex;" >-->
  365 + <!--<div class="pop">-->
  366 + <!--<div class="pop_text pop_color">-->
  367 + <!--精选-->
  368 + <!--</div>-->
  369 + <!--<div class="pop_text">-->
  370 + <!--动态-->
  371 + <!--</div>-->
  372 + <!--<div class="pop_text">-->
  373 + <!--百科-->
  374 + <!--</div>-->
  375 + <!--</div>-->
  376 + <!--</div>-->
  377 +
  378 + <!--视频播放层-->
  379 + <div class="mask mask_2" style="display: none">
  380 + <div class="mask_video">
  381 + <div class="mask_video_top">视频
  382 + <!--关闭-->
  383 + <div class="iconfont icon-guanbi"></div>
  384 + </div>
  385 + <div class="mask_video_bottom">
  386 + <video src="video/Bugatti_1.mp4" controls="controls" webkit-playsinline="true" playsinline="true" x5-playsinline="true" id="video_1">
  387 +
  388 + </video>
319 </div> 389 </div>
320 </div> 390 </div>
321 </div> 391 </div>
  392 +</div>
322 </body> 393 </body>
323 <script> 394 <script>
  395 + //点击打开菜单
  396 + $('.icon-caidan').click(function () {
  397 + console.log(11)
  398 + $('.menu_item').slideToggle();
  399 + })
  400 +
  401 + //地址跳转
  402 + $('.index_jump').click(function () {
  403 + window.location.href = 'index.html'
  404 + })
  405 + $('.rwxq_jump').click(function () {
  406 + window.location.href = 'rwxq.html'
  407 + })
  408 + $('.grzy_jump').click(function () {
  409 + window.location.href = 'grzy.html'
  410 + })
  411 + $('.spxq_jump').click(function () {
  412 + window.location.href = 'grzy.html'
  413 + })
  414 +
  415 + //点击打开视频
  416 + $('.video_player').click(function () {
  417 + $('.mask_2').css("display","flex");
  418 +
  419 + })
  420 +
  421 + // 点击关闭视频
  422 + $('.icon-guanbi').click(function () {
  423 + $('.mask_2').css("display","none")
  424 + var video = document.getElementById('video_1');
  425 + video.pause()
  426 + })
  427 +
  428 + //点击图片进入视频详情
  429 + $('.pic_box').click(function () {
  430 + window.location.href = "spxq.html"
  431 + })
  432 +
  433 +
324 var swiper = new Swiper('.swiper-container',{ 434 var swiper = new Swiper('.swiper-container',{
325 435
326 loop: true, // 循环模式选项 436 loop: true, // 循环模式选项
@@ -333,9 +443,5 @@ @@ -333,9 +443,5 @@
333 el: '.swiper-pagination', 443 el: '.swiper-pagination',
334 }, 444 },
335 }); 445 });
336 -  
337 - // $('.icon-magnifier').click(  
338 - // window.location.href = 'grzy_1'  
339 - // )  
340 </script> 446 </script>
341 </html> 447 </html>
1 -<!DOCTYPE html>  
2 -<html lang="en">  
3 -<head>  
4 - <meta charset="UTF-8">  
5 - <title>首页</title>  
6 - <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />  
7 - <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->  
8 - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
9 - <link rel="stylesheet" type="text/css" href="css/common.css">  
10 - <link rel="stylesheet" type="text/css" href="css/index.css">  
11 - <link rel="stylesheet" type="text/css" href="css/index_2.css">  
12 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css">  
13 - <script src="js/base.js"></script>  
14 - <script src="js/jquery.min.js"></script>  
15 - <link rel="stylesheet" href="css/swiper.css">  
16 - <style>  
17 - .icon-caidan{  
18 - font-size: 0.5rem;  
19 - }  
20 - .icon-magnifier{  
21 - color: #999999;  
22 - }  
23 - .icon-bofangshipin{  
24 - font-size: 0.38rem;  
25 - line-height: 1.4;  
26 - }  
27 - .swiper-container {  
28 - width: 100%;  
29 - height: 100%;  
30 - }  
31 - .swiper-slide {  
32 - text-align: center;  
33 - font-size: 18px;  
34 - background: #fff;  
35 - /* Center slide text vertically */  
36 - display: -webkit-box;  
37 - display: -ms-flexbox;  
38 - display: -webkit-flex;  
39 - display: flex;  
40 - -webkit-box-pack: center;  
41 - -ms-flex-pack: center;  
42 - -webkit-justify-content: center;  
43 - justify-content: center;  
44 - -webkit-box-align: center;  
45 - -ms-flex-align: center;  
46 - -webkit-align-items: center;  
47 - align-items: center;  
48 -  
49 - border-right: 0.1rem;  
50 - }  
51 - .swiper-slide img{  
52 - width: 100%;  
53 - height: 100%;  
54 - border-radius: 0.1rem;  
55 - }  
56 - .top_dot{  
57 - width: 0.08rem;  
58 - height: 0.08rem;  
59 - background:rgba(166,16,16,1);  
60 - border:1px solid rgba(255, 255, 255, 1);  
61 - border-radius: 50%;  
62 - position: absolute;  
63 - top: 0;  
64 - right: 0;  
65 - }  
66 - .icon-guanbi{  
67 - position: absolute;  
68 - height: 0.5rem;  
69 - line-height: 0.5rem;  
70 - top: 0;  
71 - right: 0.2rem;  
72 - }  
73 - .icon-shangsanjiao{  
74 - position: absolute;  
75 - top: -0.2rem;  
76 - left: -0.2rem;  
77 - color: orangered;  
78 - }  
79 - </style>  
80 -</head>  
81 -<script src="js/swiper.js"></script>  
82 -<body>  
83 -<div class="container">  
84 - <div class="top">  
85 - <!--顶部菜单-->  
86 - <div class="top_t">  
87 - <!--左-->  
88 - <div class="top_t_left">  
89 - <!--中文字-->  
90 - <div class="top_t_left_text">  
91 - 中  
92 - </div>  
93 - <!--菜单图标-->  
94 - <div class="iconfont icon-caidan">  
95 - <!--菜单列表-->  
96 - <div class="menu_item" style="display: none;">  
97 -  
98 - <p class="index_jump">主页  
99 - <span class="iconfont icon-shangsanjiao"></span>  
100 - </p >  
101 - <p class="rwxq_jump">人物详情</p>  
102 - <p class="grzy_jump">个人主页</p>  
103 - <p class="spxq_jump">视频详情</p>  
104 - </div>  
105 - </div>  
106 - </div>  
107 - <!--中-->  
108 - <div class="top_t_middle">  
109 - <img src="images/icon_1.png">  
110 - </div>  
111 - <!--右-->  
112 - <div class="top_t_right">  
113 - <!--铃声-->  
114 - <div class="iconfont icon-10">  
115 - <div class="top_dot"></div>  
116 - </div>  
117 - <!--头像-->  
118 - <div class="top_t_right_pic">  
119 - <img src="images/1.png">  
120 - </div>  
121 - </div>  
122 - </div>  
123 - <!--底部搜索-->  
124 - <div class="top_d">  
125 - <div class="iconfont icon-magnifier"></div>  
126 - <input class="top_d_input" placeholder="搜索音乐/作品/风格">  
127 - </div>  
128 - </div>  
129 - <!--轮播图-->  
130 - <div class="banner">  
131 - <!-- Swiper -->  
132 - <div class="swiper-container">  
133 - <div class="swiper-wrapper">  
134 - <div class="swiper-slide">  
135 - <img src="images/banner_1.png">  
136 - </div>  
137 - <div class="swiper-slide">  
138 - <img src="images/banner_2.png">  
139 - </div>  
140 - <div class="swiper-slide">  
141 - <img src="images/banner_3.png">  
142 - </div>  
143 -  
144 - </div>  
145 - <!-- Add Pagination -->  
146 - <div class="swiper-pagination"></div>  
147 - </div>  
148 - </div>  
149 - <!--最新-->  
150 - <div class="new">  
151 - <div class="new_e">  
152 - The latest  
153 - </div>  
154 - <div class="new_c">  
155 - 最新  
156 - </div>  
157 - <!--最新小视频窗口-->  
158 - <div class="new_video_item">  
159 - <div class="new_video video_player">  
160 - <div class="new_video_top">  
161 - <img src="images/peke.png">  
162 - </div>  
163 - <div class="new_video_bottom">  
164 - <div class="iconfont icon-bofangshipin"></div>  
165 - <div class="new_video_bottom_right">  
166 - 壹  
167 - </div>  
168 -  
169 - <div class="new_video_bottom_name">  
170 - 小猪佩奇  
171 - 小猪佩奇  
172 - 小猪佩奇  
173 - </div>  
174 - </div>  
175 - </div>  
176 - <div class="new_video video_player">  
177 - <div class="new_video_top">  
178 - <img src="images/peke.png">  
179 - </div>  
180 - <div class="new_video_bottom">  
181 - <div class="iconfont icon-bofangshipin"></div>  
182 - <div class="new_video_bottom_right">  
183 - 壹  
184 - </div>  
185 -  
186 - <div class="new_video_bottom_name">  
187 - 小猪佩奇  
188 - 小猪佩奇  
189 - 小猪佩奇  
190 - </div>  
191 - </div>  
192 - </div>  
193 - </div>  
194 - <!--最新打视频窗口-->  
195 - <div class="new_video_big video_player">  
196 - <div class="new_video_big_pic">  
197 - <img src="images/peke.png">  
198 - </div>  
199 - <div class="new_video_big_bottom">  
200 - <div class="iconfont icon-bofangshipin"></div>  
201 - <div class="new_video_bottom_right">  
202 - 壹  
203 - </div>  
204 - <div class="new_video_big_name_text">  
205 - 小猪佩奇  
206 - 小猪佩奇  
207 - 小猪佩奇  
208 - 小猪佩奇  
209 - 小猪佩奇  
210 - 小猪佩奇  
211 - 小猪佩奇  
212 - 小猪佩奇  
213 - 小猪佩奇  
214 - 小猪佩奇  
215 - 小猪佩奇  
216 - 小猪佩奇  
217 - </div>  
218 - </div>  
219 - </div>  
220 -  
221 - </div>  
222 - <!--视频-->  
223 - <div class="video">  
224 - <div class="new_e">  
225 - Video  
226 - </div>  
227 - <div class="new_c">  
228 - 视频  
229 - </div>  
230 - <div class="item_pic">  
231 - <!--图片盒子-->  
232 - <div class="pic_box">  
233 - <!--图片-->  
234 - <div class="pic_box_top">  
235 - <img src="images/peke.png">  
236 - </div>  
237 - <!--文字-->  
238 - <div class="pic_box_bottom">  
239 - 某某主题  
240 - </div>  
241 - </div>  
242 - <div class="pic_box">  
243 - <!--图片-->  
244 - <div class="pic_box_top">  
245 - <img src="images/peke.png">  
246 - </div>  
247 - <!--文字-->  
248 - <div class="pic_box_bottom">  
249 - 某某主题  
250 - </div>  
251 - </div>  
252 - </div>  
253 - <!--更多-->  
254 - <div class="video_more">  
255 - MORE  
256 - </div>  
257 - </div>  
258 - <!--文章-->  
259 - <div class="title">  
260 - <div class="new_e marin_top">  
261 - Article  
262 - </div>  
263 - <div class="new_c">  
264 - 文章  
265 - </div>  
266 - <div class="item_pic">  
267 - <!--图片盒子-->  
268 - <div class="pic_box">  
269 - <!--图片-->  
270 - <div class="pic_box_top">  
271 - <img src="images/peke.png">  
272 - </div>  
273 - <!--文字-->  
274 - <div class="pic_box_bottom between">  
275 - <p>某某主题</p>  
276 - <p>2019.1.12</p>  
277 - </div>  
278 - </div>  
279 - <div class="pic_box">  
280 - <!--图片-->  
281 - <div class="pic_box_top">  
282 - <img src="images/peke.png">  
283 - </div>  
284 - <!--文字-->  
285 - <div class="pic_box_bottom between">  
286 - <p>某某主题</p>  
287 - <p>2019.1.12</p>  
288 - </div>  
289 - </div>  
290 - </div>  
291 - <!--更多-->  
292 - <div class="video_more">  
293 - MORE  
294 - </div>  
295 - </div>  
296 - <!--演出-->  
297 - <div class="show">  
298 - <div class="new_e marin_top">  
299 - Performance  
300 - </div>  
301 - <div class="new_c">  
302 - 演出  
303 - </div>  
304 - <!--演出时间筛选-->  
305 - <div class="show_time">  
306 - <!--年-->  
307 - <div class="show_time_year">  
308 -  
309 - </div>  
310 - <!--月-->  
311 - <div class="show_time_month">  
312 -  
313 - </div>  
314 - </div>  
315 - <div class="item_pic">  
316 - <!--图片盒子-->  
317 - <div class="pic_box">  
318 - <!--图片-->  
319 - <div class="pic_box_top">  
320 - <img src="images/peke.png">  
321 - </div>  
322 - <!--文字-->  
323 - <div class="pic_box_bottom between">  
324 - <p>某某主题</p>  
325 - <p>2019.1.12</p>  
326 - </div>  
327 - </div>  
328 - <div class="pic_box">  
329 - <!--图片-->  
330 - <div class="pic_box_top">  
331 - <img src="images/peke.png">  
332 - </div>  
333 - <!--文字-->  
334 - <div class="pic_box_bottom between">  
335 - <p>某某主题</p>  
336 - <p>2019.1.12</p>  
337 - </div>  
338 - </div>  
339 - </div>  
340 - <!--更多-->  
341 - <div class="video_more">  
342 - MORE  
343 - </div>  
344 - </div>  
345 -  
346 -  
347 -  
348 - <!--动态层-->  
349 - <div class="mask" style="display: none;" >  
350 - <div class="pop">  
351 - <div class="pop_text pop_color">  
352 - 精选  
353 - </div>  
354 - <div class="pop_text">  
355 - 动态  
356 - </div>  
357 - <div class="pop_text">  
358 - 百科  
359 - </div>  
360 - </div>  
361 - </div>  
362 -  
363 - <!--视频播放层-->  
364 - <div class="mask mask_2" style="display: none">  
365 - <div class="mask_video">  
366 - <div class="mask_video_top">视频  
367 - <!--关闭-->  
368 - <div class="iconfont icon-guanbi"></div>  
369 - </div>  
370 - <div class="mask_video_bottom">  
371 - <video src="video/Bugatti_1.mp4" controls="controls" webkit-playsinline="true" playsinline="true" x5-playsinline="true" id="video_1">  
372 -  
373 - </video>  
374 - </div>  
375 - </div>  
376 - </div>  
377 -</div>  
378 -</body>  
379 -<script>  
380 - //点击打开菜单  
381 - $('.icon-caidan').click(function () {  
382 - $('.menu_item').slideToggle();  
383 - })  
384 -  
385 - //地址跳转  
386 - $('.index_jump').click(function () {  
387 - window.location.href = 'index_2.html'  
388 - })  
389 - $('.rwxq_jump').click(function () {  
390 - window.location.href = 'rwxq.html'  
391 - })  
392 - $('.grzy_jump').click(function () {  
393 - window.location.href = 'grzy.html'  
394 - })  
395 - $('.spxq_jump').click(function () {  
396 - window.location.href = 'grzy.html'  
397 - })  
398 -  
399 - //点击打开视频  
400 - $('.video_player').click(function () {  
401 - $('.mask_2').css("display","flex");  
402 -  
403 - })  
404 -  
405 - // 点击关闭视频  
406 - $('.icon-guanbi').click(function () {  
407 - $('.mask_2').css("display","none")  
408 - var video = document.getElementById('video_1');  
409 - video.pause()  
410 - })  
411 -  
412 - //点击图片进入视频详情  
413 - $('.pic_box').click(function () {  
414 - window.location.href = "spxq.html"  
415 - })  
416 -  
417 -  
418 - var swiper = new Swiper('.swiper-container',{  
419 -  
420 - loop: true, // 循环模式选项  
421 - // autoplay: {  
422 - // delay: 1000,  
423 - // disableOnInteraction: false,  
424 - // },  
425 -  
426 - pagination: {  
427 - el: '.swiper-pagination',  
428 - },  
429 - });  
430 -</script>  
431 -</html>  
@@ -143,6 +143,7 @@ @@ -143,6 +143,7 @@
143 </div> 143 </div>
144 <div class="intro_attention"> 144 <div class="intro_attention">
145 <p class="intro_attention_title">关注</p> 145 <p class="intro_attention_title">关注</p>
  146 + <p class="attention" style="display: none;">已关注</p>
146 <p class="iconfont icon-dianzan number">11</p> 147 <p class="iconfont icon-dianzan number">11</p>
147 </div> 148 </div>
148 </div> 149 </div>
@@ -343,6 +344,19 @@ @@ -343,6 +344,19 @@
343 </body> 344 </body>
344 <script src="js/swiper.js"> </script> 345 <script src="js/swiper.js"> </script>
345 <script> 346 <script>
  347 + // 关注
  348 + $('.intro_attention_title').click(function () {
  349 + $(this).css('display','none');
  350 + $('.attention').css('display','block')
  351 + })
  352 + $('.attention').click(function () {
  353 + console.log(111);
  354 + $('.attention').css('display','none');
  355 + $('.intro_attention_title').css('display','block')
  356 + })
  357 + //点击赞
  358 +
  359 +
346 var swiper = new Swiper('.swiper-container',{ 360 var swiper = new Swiper('.swiper-container',{
347 361
348 loop: true, // 循环模式选项 362 loop: true, // 循环模式选项
@@ -70,8 +70,10 @@ @@ -70,8 +70,10 @@
70 .icon-shangsanjiao{ 70 .icon-shangsanjiao{
71 position: absolute; 71 position: absolute;
72 color: #fff; 72 color: #fff;
73 - right: -0.1rem; 73 + /*border:1px solid #f5f5f5;*/
  74 + right: 0;
74 top: -0.2rem; 75 top: -0.2rem;
  76 + /*box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.08);*/
75 } 77 }
76 .bottom_icon{ 78 .bottom_icon{
77 font-size: 0.16rem; 79 font-size: 0.16rem;
@@ -255,35 +257,36 @@ @@ -255,35 +257,36 @@
255 <span class="share_size">1235</span> 257 <span class="share_size">1235</span>
256 </div> 258 </div>
257 <div class="iconfont icon-fenxiang share_color"> 259 <div class="iconfont icon-fenxiang share_color">
258 - <div class="share_box"> 260 + <div class="share_box" style="display: none;">
259 261
260 <!--分享内容--> 262 <!--分享内容-->
261 <div class="share_function"> 263 <div class="share_function">
262 -  
263 -  
264 - <div class="share_function_item"> 264 + <div class="share_function_item MicrBlog">
265 265
266 266
267 <div class="iconfont icon-weibo-copy size_icon"></div> 267 <div class="iconfont icon-weibo-copy size_icon"></div>
268 <p>微博</p> 268 <p>微博</p>
269 </div> 269 </div>
270 - <div class="share_function_item"> 270 + <div class="share_function_item WeChat">
271 <div class="iconfont icon-weixin size_icon"></div> 271 <div class="iconfont icon-weixin size_icon"></div>
272 <p>微信</p> 272 <p>微信</p>
273 </div> 273 </div>
274 - <div class="share_function_item"> 274 + <div class="share_function_item Twitter">
275 <div class="iconfont icon-tuite size_icon"></div> 275 <div class="iconfont icon-tuite size_icon"></div>
276 <p>推特</p> 276 <p>推特</p>
277 </div> 277 </div>
278 - <div class="share_function_item"> 278 + <div class="share_function_item FaceBook">
279 <div class="iconfont icon-NGlianshu size_icon"></div> 279 <div class="iconfont icon-NGlianshu size_icon"></div>
280 <p>脸书</p> 280 <p>脸书</p>
281 281
282 - <!--上三角-->  
283 - <!--<div class="iconfont icon-shangsanjiao"></div>--> 282 +
284 </div> 283 </div>
285 284
286 </div> 285 </div>
  286 + <!--上三角-->
  287 + <div class="iconfont icon-shangsanjiao"></div>
  288 +
  289 +
287 </div> 290 </div>
288 </div> 291 </div>
289 </div> 292 </div>
@@ -327,8 +330,10 @@ @@ -327,8 +330,10 @@
327 </div> 330 </div>
328 <div class="comment_item_bottom_right"> 331 <div class="comment_item_bottom_right">
329 <div class="comment_item_bottom_right_item">举报</div> 332 <div class="comment_item_bottom_right_item">举报</div>
330 - <div class="comment_item_bottom_right_item">删除</div>  
331 - <div class="iconfont icon-dianzan bottom_icon">222</div> 333 + <div class="comment_item_bottom_right_item delect">删除</div>
  334 + <div class="iconfont icon-dianzan bottom_icon ">
  335 + <span class="num_1">222</span>
  336 + </div>
332 <div class="iconfont icon-xiaoxi bottom_icon"></div> 337 <div class="iconfont icon-xiaoxi bottom_icon"></div>
333 </div> 338 </div>
334 339
@@ -361,37 +366,96 @@ @@ -361,37 +366,96 @@
361 </div> 366 </div>
362 <div class="comment_item_bottom_right"> 367 <div class="comment_item_bottom_right">
363 <div class="comment_item_bottom_right_item">举报</div> 368 <div class="comment_item_bottom_right_item">举报</div>
364 - <div class="comment_item_bottom_right_item">删除</div>  
365 - <div class="iconfont icon-dianzan bottom_icon">222</div> 369 + <div class="comment_item_bottom_right_item delect">删除</div>
  370 + <div class="iconfont icon-dianzan bottom_icon">
  371 + <span class="num_1">222</span>
  372 + </div>
366 <div class="iconfont icon-xiaoxi bottom_icon"></div> 373 <div class="iconfont icon-xiaoxi bottom_icon"></div>
367 </div> 374 </div>
368 375
369 </div> 376 </div>
370 </div> 377 </div>
371 </div> 378 </div>
  379 + </div>
  380 + </div>
372 381
373 -  
374 -</div> 382 + <!--删除评论提示-->
  383 + <div class="delect_comment" style="display: none;">
  384 + <div class="delect_comment_box">
  385 + <div class="delect_top">您确定要删除吗?</div>
  386 + <div class="delect_bottom">
  387 + <div class="delect_bottom_left">确定</div>
  388 + <div class="delect_bottom_right">取消</div>
  389 + </div>
  390 + </div>
375 </div> 391 </div>
376 </div> 392 </div>
377 </body> 393 </body>
378 <script> 394 <script>
379 $('.icon-fenxiang').click(function () { 395 $('.icon-fenxiang').click(function () {
380 - $('.share_function').slideToggle(); 396 + $('.share_box').slideToggle();
  397 + })
  398 + //分享微博
  399 + $('.MicrBlog').click(function () {
  400 + window.location.href = ''
  401 + })
  402 + //分享微信
  403 + $('.WeChat').click(function () {
  404 + window.location.href = ''
  405 + })
  406 + //分享推特
  407 + $('.Twitter').click(function () {
  408 + window.location.href = ''
  409 + })
  410 + //分享脸书
  411 + $('.FaceBook').click(function () {
  412 + window.location.href = ''
381 }) 413 })
382 414
383 // 点击关注 415 // 点击关注
  416 + var num=$(".share_size").html();
  417 + num=Number(num);
384 $('.icon-xinaixin').click(function () { 418 $('.icon-xinaixin').click(function () {
385 - // if ($(this).hasClass("red_color")){  
386 - // $(this).removeClass("red_color").siblings().addClass("red_color")  
387 - // } else  
388 - // {  
389 - // $(this).addClass("red_color").siblings().removeClass('red_color')  
390 - // } 419 + if ($(this).hasClass("red_color")){
  420 + $(this).removeClass("red_color");
  421 + num=num-1
  422 + } else
  423 + {
  424 + $(this).addClass("red_color")
  425 + num=num+1
  426 + }
391 427
  428 + $(".share_size").html(num)
392 429
393 }) 430 })
394 431
  432 + //评论区点赞
  433 + $('.icon-dianzan').click(function () {
  434 +
  435 + var num_1 = $(this).children(".num_1").html();
  436 + console.log(num_1)
  437 + num_1 = Number(num_1);
  438 + if ($(this).hasClass("red_color")){
  439 + $(this).removeClass("red_color");
  440 + num_1 = num_1-1
  441 + }else{
  442 + $(this).addClass("red_color")
  443 + num_1 = num_1 + 1
  444 + }
  445 + $(this).children(".num_1").html(num_1)
  446 + })
  447 +
  448 + //评论区删除
  449 +
  450 + $('.delect').click(function () {
  451 +
  452 + $('.delect_comment').css('display','flex')
  453 + })
  454 +
  455 + //取消删除
  456 + $('.delect_bottom_right').click(function () {
  457 + $('.delect_comment').css('display','none')
  458 + })
395 459
396 </script> 460 </script>
397 </html> 461 </html>