webfront / videoWeb · 提交

转到一个项目

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

更新

内嵌 并排对比
正在显示 15 个修改的文件 包含 1395 行增加 和 765 行删除
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/videoWeb.iml" filepath="$PROJECT_DIR$/.idea/videoWeb.iml" />
</modules>
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="4b1522a3-ff5f-4552-aa4b-3123e2f51376" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/index_2.css" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/css/rwxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/rwxq.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/spxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/spxq.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/ztxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/ztxq.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index_2.html" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/rwxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/rwxq.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/spxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/spxq.html" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="FUSProjectUsageTrigger">
<session id="714395352">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="33" />
<entry key="project.open.time.0" value="9" />
<entry key="project.open.time.1" value="9" />
<entry key="project.open.time.16" value="1" />
<entry key="project.open.time.19" value="1" />
<entry key="project.open.time.2" value="2" />
<entry key="project.open.time.21" value="1" />
<entry key="project.open.time.23" value="2" />
<entry key="project.open.time.25" value="1" />
<entry key="project.open.time.27" value="1" />
<entry key="project.open.time.3" value="1" />
<entry key="project.open.time.30" value="1" />
<entry key="project.open.time.32" value="1" />
<entry key="project.open.time.7" value="2" />
<entry key="project.open.time.8" value="1" />
<entry key="project.opened" value="33" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="45" />
<entry key="html" value="53" />
<entry key="js" value="5" />
<entry key="png" value="5" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="45" />
<entry key="HTML" value="53" />
<entry key="Image" value="5" />
<entry key="JavaScript" value="5" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="css" value="23009" />
<entry key="html" value="23053" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="23009" />
<entry key="HTML" value="23053" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="27">
<caret line="293" column="10" selection-start-line="293" selection-start-column="10" selection-end-line="293" selection-end-column="10" />
<folding>
<element signature="n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<element signature="n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<element signature="n#div#1;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/swiper.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="216">
<caret line="8" column="2" selection-start-line="8" selection-start-column="2" selection-end-line="8" selection-end-column="2" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/spxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="7317">
<caret line="351" column="34" selection-start-line="351" selection-start-column="34" selection-end-line="351" selection-end-column="34" />
<folding>
<element signature="n#div#6;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<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" />
<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" />
<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" />
<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" />
<element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<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" />
<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" />
<element signature="n#style#0;n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/rwxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="9639">
<caret line="357" selection-start-line="357" selection-end-line="357" />
<folding>
<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" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/ztxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5022">
<caret line="186" column="21" selection-start-line="186" selection-start-column="21" selection-end-line="186" selection-end-column="21" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/ztxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3564">
<caret line="132" column="26" lean-forward="true" selection-start-line="132" selection-start-column="26" selection-end-line="132" selection-end-column="26" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/rw.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5022">
<caret line="186" column="28" lean-forward="true" selection-start-line="186" selection-start-column="28" selection-end-line="186" selection-end-column="28" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/rwxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="10179">
<caret line="377" column="28" lean-forward="true" selection-start-line="377" selection-start-column="28" selection-end-line="377" selection-end-column="28" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="9909">
<caret line="367" column="29" lean-forward="true" selection-start-line="367" selection-start-column="29" selection-end-line="367" selection-end-column="29" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/spxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="13662">
<caret line="506" column="1" lean-forward="true" selection-start-line="506" selection-start-column="1" selection-end-line="506" selection-end-column="1" />
</state>
</provider>
</entry>
</file>
</leaf>
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="HTML File" />
<option value="CSS File" />
</list>
</option>
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>设置邮箱</find>
<find>大势</find>
<find>border_no</find>
<find>最新</find>
<find>guanbi</find>
<find>shangsanjiao</find>
<find>主页</find>
<find>new_video</find>
<find>caidan</find>
<find>上三角</find>
<find>pic_box</find>
<find>share_function</find>
<find>messa</find>
<find>share_function_item</find>
<find>show_time</find>
<find>演出</find>
<find>show_time_month</find>
<find>icon-caidan</find>
<find>关注</find>
<find>dianzan</find>
<find>icon-shangsanjiao</find>
<find>share_</find>
<find>WeChat</find>
<find>icon-dianzan</find>
<find>222</find>
<find>mask</find>
<find>视频</find>
<find>share_f</find>
<find>删除</find>
<find>swiper</find>
</findStrings>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/idnex.css" />
<option value="$PROJECT_DIR$/js/grzy_1.html" />
<option value="$PROJECT_DIR$/css/grzy_1.html" />
<option value="$PROJECT_DIR$/grzy_1.html" />
<option value="$PROJECT_DIR$/css/grzy_1.css" />
<option value="$PROJECT_DIR$/a.html" />
<option value="$PROJECT_DIR$/mmdl.html" />
<option value="$PROJECT_DIR$/css/gx.css" />
<option value="$PROJECT_DIR$/gx.html" />
<option value="$PROJECT_DIR$/search.html" />
<option value="$PROJECT_DIR$/css/search_no.css" />
<option value="$PROJECT_DIR$/search_no.html" />
<option value="$PROJECT_DIR$/lxwm.html" />
<option value="$PROJECT_DIR$/css/lxwm.css" />
<option value="$PROJECT_DIR$/ztxq.html" />
<option value="$PROJECT_DIR$/rw.html" />
<option value="$PROJECT_DIR$/css/search.css" />
<option value="$PROJECT_DIR$/css/rw.css" />
<option value="$PROJECT_DIR$/yq.html" />
<option value="$PROJECT_DIR$/css/yq.css" />
<option value="$PROJECT_DIR$/grzy.html" />
<option value="$PROJECT_DIR$/yhzs.html" />
<option value="$PROJECT_DIR$/css/yhzs.css" />
<option value="$PROJECT_DIR$/css/zhsz.css" />
<option value="$PROJECT_DIR$/css/common.css" />
<option value="$PROJECT_DIR$/zhsz.html" />
<option value="$PROJECT_DIR$/css/index_2.css" />
<option value="$PROJECT_DIR$/index_2.html" />
<option value="$PROJECT_DIR$/css/index.css" />
<option value="$PROJECT_DIR$/css/rwxq.css" />
<option value="$PROJECT_DIR$/rwxq.html" />
<option value="$PROJECT_DIR$/css/ztxq.css" />
<option value="$PROJECT_DIR$/css/spxq.css" />
<option value="$PROJECT_DIR$/spxq.html" />
<option value="$PROJECT_DIR$/index.html" />
</list>
</option>
</component>
<component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="251" />
<option name="y" value="59" />
<option name="width" value="1410" />
<option name="height" value="962" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="true" />
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
<item name="videoWeb" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
<item name="videoWeb" type="462c0819:PsiDirectoryNode" />
<item name="css" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="videoWeb" type="b2602c69:ProjectViewProjectNode" />
<item name="videoWeb" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
</subPane>
</pane>
</panes>
</component>
<component name="PropertiesComponent">
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/../../企业微信/Wechat_project_1" />
<property name="list.type.of.created.stylesheet" value="CSS" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
<property name="nodejs_npm_path_reset_for_default_project" value="true" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\video" />
<recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\images" />
<recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\js" />
<recent name="F:\ljhWeb项目（重要）\视频网站手机端\videoWeb\css" />
</key>
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="RunManager">
<configuration name="index.html" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:8080/videoWeb/index.html">
<method v="2" />
</configuration>
<recent_temporary>
<list>
<item itemvalue="JavaScript Debug.index.html" />
</list>
</recent_temporary>
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="4b1522a3-ff5f-4552-aa4b-3123e2f51376" name="Default Changelist" comment="" />
<created>1548895030874</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1548895030874</updated>
<workItem from="1548895033549" duration="30384000" />
<workItem from="1548981147688" duration="11024000" />
<workItem from="1548992357536" duration="7710000" />
<workItem from="1549067672098" duration="6253000" />
<workItem from="1549867324201" duration="11693000" />
<workItem from="1549933330561" duration="10351000" />
<workItem from="1550641525325" duration="16396000" />
<workItem from="1550660286585" duration="9483000" />
<workItem from="1550708882830" duration="650000" />
<workItem from="1550719714997" duration="23000" />
<workItem from="1550739730087" duration="8021000" />
<workItem from="1550795566704" duration="22278000" />
<workItem from="1550882038707" duration="2815000" />
<workItem from="1550886011237" duration="13182000" />
<workItem from="1551332507087" duration="84000" />
<workItem from="1551682810484" duration="11225000" />
<workItem from="1551745840250" duration="3929000" />
<workItem from="1551752167948" duration="11262000" />
<workItem from="1552007993628" duration="1030000" />
<workItem from="1552264945282" duration="3899000" />
<workItem from="1552269762944" duration="14971000" />
<workItem from="1552356650440" duration="880000" />
<workItem from="1552362125268" duration="613000" />
<workItem from="1552626110924" duration="425000" />
<workItem from="1553062965237" duration="98000" />
<workItem from="1553063676071" duration="133000" />
<workItem from="1553217636521" duration="56000" />
<workItem from="1553218676001" duration="622000" />
<workItem from="1553223031129" duration="619000" />
<workItem from="1553475198616" duration="267000" />
<workItem from="1553475579529" duration="612000" />
<workItem from="1554184116026" duration="769000" />
<workItem from="1554197195488" duration="105000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="201862000" />
</component>
<component name="ToolWindowManager">
<frame x="251" y="59" width="1410" height="962" extended-state="0" />
<layout>
<window_info id="Favorites" order="0" side_tool="true" />
<window_info content_ui="combo" id="Project" order="1" visible="true" weight="0.13119534" />
<window_info id="Structure" order="2" side_tool="true" weight="0.25" />
<window_info active="true" anchor="bottom" id="Terminal" order="0" visible="true" weight="0.19588876" />
<window_info anchor="bottom" id="Event Log" order="1" side_tool="true" />
<window_info anchor="bottom" id="Version Control" order="2" />
<window_info anchor="bottom" id="Docker" order="3" show_stripe_button="false" />
<window_info anchor="bottom" id="Message" order="4" />
<window_info anchor="bottom" id="Find" order="5" />
<window_info anchor="bottom" id="Run" order="6" />
<window_info anchor="bottom" id="Debug" order="7" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="8" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="9" weight="0.4" />
<window_info anchor="bottom" id="TODO" order="10" />
<window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
<window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
<window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="27">
<caret line="1" column="3" lean-forward="true" selection-start-line="1" selection-start-column="3" selection-end-line="1" selection-end-column="3" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/grzy_1.html" />
<entry file="file://$PROJECT_DIR$/css/grzy_1.html" />
<entry file="file://$PROJECT_DIR$/a.html" />
<entry file="file://$PROJECT_DIR$/js/jquery.min.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="108">
<caret line="4" column="19" selection-start-line="4" selection-start-column="19" selection-end-line="4" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/mmdl.html" />
<entry file="file://$PROJECT_DIR$/css/grzy.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3429">
<caret line="165" column="19" selection-end-line="243" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/gx.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="7290">
<caret line="310" column="18" lean-forward="true" selection-start-line="310" selection-start-column="18" selection-end-line="310" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/lxwm.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="197">
<caret line="196" column="21" lean-forward="true" selection-start-line="196" selection-start-column="21" selection-end-line="196" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/images/banner_1.png">
<provider selected="true" editor-type-id="images" />
</entry>
<entry file="file://$PROJECT_DIR$/images/peke.png">
<provider selected="true" editor-type-id="images" />
</entry>
<entry file="file://$PROJECT_DIR$/images/banner_3.png">
<provider selected="true" editor-type-id="images" />
</entry>
<entry file="file://$PROJECT_DIR$/images/banner_2.png">
<provider selected="true" editor-type-id="images" />
</entry>
<entry file="file://$PROJECT_DIR$/images/banner1.png">
<provider selected="true" editor-type-id="images" />
</entry>
<entry file="file://$PROJECT_DIR$/css/swiper.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/css/search_no.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1647">
<caret line="99" column="22" selection-end-line="110" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/dropload.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="135">
<caret line="5" column="16" lean-forward="true" selection-start-line="5" selection-start-column="16" selection-end-line="5" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/dropload.min.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/yq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1809">
<caret line="101" column="21" lean-forward="true" selection-start-line="101" selection-start-column="16" selection-end-line="101" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/yq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="13824">
<caret line="550" column="20" selection-start-line="550" selection-start-column="20" selection-end-line="550" selection-end-column="20" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/search.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1728">
<caret line="102" column="23" lean-forward="true" selection-start-line="102" selection-start-column="23" selection-end-line="102" selection-end-column="23" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/grzy.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="190">
<caret line="70" column="18" lean-forward="true" selection-start-line="70" selection-start-column="18" selection-end-line="70" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/gx.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="329">
<caret line="229" column="25" lean-forward="true" selection-start-line="229" selection-start-column="25" selection-end-line="229" selection-end-column="25" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/lxwm.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="228">
<caret line="121" column="14" lean-forward="true" selection-start-line="121" selection-start-column="14" selection-end-line="121" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/zhsz.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1211">
<caret line="192" column="23" lean-forward="true" selection-start-line="192" selection-start-column="23" selection-end-line="192" selection-end-column="23" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/search.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1026">
<caret line="38" column="52" selection-start-line="38" selection-start-column="52" selection-end-line="38" selection-end-column="52" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/search_no.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="135">
<caret line="5" column="82" selection-start-line="5" selection-start-column="82" selection-end-line="5" selection-end-column="82" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index_2.html" />
<entry file="file://$PROJECT_DIR$/css/index_2.css" />
<entry file="file://$PROJECT_DIR$/rw.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1026">
<caret line="38" column="19" selection-start-line="38" selection-start-column="19" selection-end-line="38" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/yhzs.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5670">
<caret line="714" column="4" selection-start-line="714" selection-start-column="4" selection-end-line="747" selection-end-column="10" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/yhzs.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="6075">
<caret line="225" column="1" selection-end-line="819" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/common.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="270">
<caret line="10" column="17" selection-start-line="10" selection-start-column="17" selection-end-line="10" selection-end-column="17" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/zhsz.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5157">
<caret line="491" column="6" selection-start-line="491" selection-start-column="6" selection-end-line="491" selection-end-column="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="27">
<caret line="293" column="10" selection-start-line="293" selection-start-column="10" selection-end-line="293" selection-end-column="10" />
<folding>
<element signature="n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<element signature="n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<element signature="n#div#1;n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/swiper.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="216">
<caret line="8" column="2" selection-start-line="8" selection-start-column="2" selection-end-line="8" selection-end-column="2" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/spxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="7317">
<caret line="351" column="34" selection-start-line="351" selection-start-column="34" selection-end-line="351" selection-end-column="34" />
<folding>
<element signature="n#div#6;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<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" />
<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" />
<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" />
<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" />
<element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
<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" />
<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" />
<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" />
<element signature="n#style#0;n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#8;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/rwxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="9639">
<caret line="357" selection-start-line="357" selection-end-line="357" />
<folding>
<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" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/ztxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5022">
<caret line="186" column="21" selection-start-line="186" selection-start-column="21" selection-end-line="186" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/ztxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3564">
<caret line="132" column="26" lean-forward="true" selection-start-line="132" selection-start-column="26" selection-end-line="132" selection-end-column="26" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/rw.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="5022">
<caret line="186" column="28" lean-forward="true" selection-start-line="186" selection-start-column="28" selection-end-line="186" selection-end-column="28" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/rwxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="10179">
<caret line="377" column="28" lean-forward="true" selection-start-line="377" selection-start-column="28" selection-end-line="377" selection-end-column="28" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="9909">
<caret line="367" column="29" lean-forward="true" selection-start-line="367" selection-start-column="29" selection-end-line="367" selection-end-column="29" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/spxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="13662">
<caret line="506" column="1" lean-forward="true" selection-start-line="506" selection-start-column="1" selection-end-line="506" selection-end-column="1" />
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
... ...
... ... @@ -326,10 +326,145 @@
.show_time{
width: 6.86rem;
display: flex;
justify-content: space-between;
}
.show_time_year{
width: 3.2rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.2rem;
}
.show_time_month{
width: 3.2rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.2rem;
}
.container{
position: relative;
}
.mid{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mask{
width: 7.5rem;
height: 100%;
background-color: #ffffff;
opacity: 0.9;
position: fixed;
top: 1.69rem;
/*top: 0;*/
z-index: 999;
display: flex;
align-items: center;
overflow-y: hidden;
}
.pop{
position: absolute;
left:0;
right: 0;
z-index: 999;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
font-size: 0.48rem;
font-family:PingFang-SC-Bold;
font-weight:bold;
}
.pop_color{
color:rgba(166,16,16,1);
}
.pop_text{
padding: 0.42rem;
}
.mask_2{
opacity: 1;
}
/*视频播放*/
.mask_video{
width: 6rem;
/*height: 4rem;*/
background: #000000;
position: absolute;
top: 3rem;
}
.mask_video_top{
height: 0.5rem;
line-height: 0.5rem;
font-size: 0.3rem;
color: #000;
text-align: center;
position: relative;
background-color: #007aff;
}
.mask_video_bottom{
width: 6rem;
/*height: 3.5rem;*/
display: flex;
}
.mask_video_bottom video{
width: 100%;
height: 100%;
}
/*菜单*/
.menu_item{
width: 1.8rem;
display: flex;
flex-flow: column;
font-size: 0.24rem;
font-weight: bold;
background-color: orangered;
position: absolute;
top: 0.8rem;
z-index: 999;
}
.menu_item p{
position: relative;
line-height: 0.5rem;
text-align: center;
border-bottom: 1px solid #F7F7F7;
margin: 0 0.2rem;
}
.year_pic{
width: 0.11rem;
height: 0.23rem;
display: flex;
}
.year_pic img{
width: 100%;
height: 100%;
}
.month_pic{
width: 0.11rem;
height: 0.23rem;
display: flex;
}
.month_pic img{
width: 100%;
height: 100%;
}
.month_item{
width: 60%;
display: flex;
justify-content: space-between;
}
... ...
.container{
position: relative;
}
.mid{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mask{
width: 7.5rem;
height: 100%;
background-color: #ffffff;
opacity: 0.9;
position: fixed;
top: 1.69rem;
/*top: 0;*/
z-index: 999;
display: flex;
align-items: center;
overflow-y: hidden;
}
.pop{
position: absolute;
left:0;
right: 0;
z-index: 999;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
font-size: 0.48rem;
font-family:PingFang-SC-Bold;
font-weight:bold;
}
.pop_color{
color:rgba(166,16,16,1);
}
.pop_text{
padding: 0.42rem;
}
.mask_2{
opacity: 1;
}
/*视频播放*/
.mask_video{
width: 6rem;
/*height: 4rem;*/
background: #000000;
position: absolute;
top: 3rem;
}
.mask_video_top{
height: 0.5rem;
line-height: 0.5rem;
font-size: 0.3rem;
color: #000;
text-align: center;
position: relative;
background-color: #007aff;
}
.mask_video_bottom{
width: 6rem;
/*height: 3.5rem;*/
display: flex;
}
.mask_video_bottom video{
width: 100%;
height: 100%;
}
/*菜单*/
.menu_item{
width: 1.8rem;
display: flex;
flex-flow: column;
font-size: 0.24rem;
font-weight: bold;
background-color: orangered;
position: absolute;
top: 0.8rem;
z-index: 999;
}
.menu_item p{
position: relative;
line-height: 0.5rem;
text-align: center;
border-bottom: 1px solid #F7F7F7;
margin: 0 0.2rem;
}
... ... @@ -378,3 +378,12 @@
text-overflow: ellipsis;
white-space: nowrap;
}
.attention{
width: 1.42rem;
height: 0.34rem;
line-height: 0.34rem;
text-align: center;
background:rgba(166,16,16,0);
border: 0.02rem solid rgba(166, 16, 16, 1);
border-radius: 0.01rem;
}
... ...
... ... @@ -328,11 +328,12 @@
display: flex;
justify-content: space-around;
background-color: #fff;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
border-radius: 0.04rem;
position: absolute;
right: 0;
top: 0.6rem;
position: relative;
/*right: 0;*/
/*top: 0.6rem;*/
z-index: 999;
}
.share_function_item{
display: flex;
... ... @@ -444,3 +445,63 @@
.pic_small{
margin-left: 0.07rem;
}
.share_box{
position: absolute;
right: 0;
top: 0.6rem;
}
/*删除评论*/
.delect_comment{
width: 7.5rem;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
top: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
overflow-y: hidden;
}
.delect_comment_box{
width: 5rem;
/*height: 3rem;*/
background: #fff;
border-radius: 0.2rem;
display: flex;
flex-flow: column;
}
.delect_top{
width: 100%;
text-align: center;
font-size: 0.36rem;
border-bottom: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3rem 0.5rem;
}
.delect_bottom{
height: 0.7rem;
display: flex;
box-sizing: border-box;
/*padding: 0.3rem 0.5rem;*/
}
.delect_bottom_left{
width: 2.5rem;
line-height: 0.7rem;
text-align: center;
/*background: ;*/
font-size: 0.24rem;
color: orange;
margin: 0;
border-right: 1px solid #e5e5e5;
}
.delect_bottom_right{
width: 2.5rem;
line-height: 0.7rem;
text-align: center;
font-size: 0.24rem;
}
... ...
... ... @@ -146,16 +146,15 @@
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
padding: 0.06rem 0.2rem;
}
.item_top_box_item{
font-size: 0.16rem;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
line-height:24px;
text-shadow:0rem 1rem 2rem rgba(82,82,82,0.45);
display: flex;
}
.item_bottom{
display: flex;
... ... @@ -186,6 +185,6 @@
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 0.28rem;
}
... ...
... ... @@ -4,11 +4,11 @@
<meta charset="UTF-8">
<title>首页</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_u8m5zjdi1u.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swiper.css">
... ... @@ -21,7 +21,7 @@
}
.icon-bofangshipin{
font-size: 0.38rem;
line-height: 1.4;
}
.swiper-container {
width: 100%;
... ... @@ -62,265 +62,375 @@
top: 0;
right: 0;
}
.icon-guanbi{
position: absolute;
height: 0.5rem;
line-height: 0.5rem;
top: 0;
right: 0.2rem;
}
.icon-shangsanjiao{
position: absolute;
top: -0.2rem;
left: -0.2rem;
color: orangered;
}
</style>
</head>
<script src="js/swiper.js"></script>
<body>
<div class="container">
<div class="top">
<!--顶部菜单-->
<div class="top_t">
<!--左-->
<div class="top_t_left">
<!--中文字-->
<div class="top_t_left_text">
中
</div>
<!--菜单图标-->
<div class="iconfont icon-caidan" ></div>
</div>
<!--中-->
<div class="top_t_middle">
<img src="images/peke.png">
<div class="container">
<div class="top">
<!--顶部菜单-->
<div class="top_t">
<!--左-->
<div class="top_t_left">
<!--中文字-->
<div class="top_t_left_text">
中
</div>
<!--右-->
<div class="top_t_right">
<!--铃声-->
<div class="iconfont icon-10">
<div></div>
</div>
<!--头像-->
<div class="top_t_right_pic">
<img src="images/1.png">
<!--菜单图标-->
<div class="iconfont icon-caidan">
<!--菜单列表-->
<div class="menu_item" style="display: none;">
<p class="index_jump">主页
<span class="iconfont icon-shangsanjiao"></span>
</p >
<p class="rwxq_jump">人物详情</p>
<p class="grzy_jump">个人主页</p>
<p class="spxq_jump">视频详情</p>
</div>
</div>
</div>
<!--底部搜索-->
<div class="top_d">
<div class="iconfont icon-magnifier"></div>
<input class="top_d_input" placeholder="搜索音乐/作品/风格">
<!--中-->
<div class="top_t_middle">
<img src="images/icon_1.png">
</div>
</div>
<!--轮播图-->
<div class="banner">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/banner_1.png">
</div>
<div class="swiper-slide">
<img src="images/banner_2.png">
</div>
<div class="swiper-slide">
<img src="images/banner_3.png">
</div>
<!--右-->
<div class="top_t_right">
<!--铃声-->
<div class="iconfont icon-10">
<div class="top_dot"></div>
</div>
<!--头像-->
<div class="top_t_right_pic">
<img src="images/1.png">
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<!--最新-->
<div class="new">
<div class="new_e">
The latest
</div>
<div class="new_c">
最新
</div>
<!--最新小视频窗口-->
<div class="new_video_item">
<div class="new_video">
<div class="new_video_top">
<img src="images/peke.png">
</div>
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<!--底部搜索-->
<div class="top_d">
<div class="iconfont icon-magnifier"></div>
<input class="top_d_input" placeholder="搜索音乐/作品/风格">
</div>
</div>
<!--轮播图-->
<div class="banner">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/banner_1.png">
</div>
<div class="swiper-slide">
<img src="images/banner_2.png">
</div>
<div class="swiper-slide">
<img src="images/banner_3.png">
</div>
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<!--最新-->
<div class="new">
<div class="new_e">
The latest
</div>
<div class="new_c">
最新
</div>
<!--最新小视频窗口-->
<div class="new_video_item">
<div class="new_video video_player">
<div class="new_video_top">
<img src="images/peke.png">
</div>
<div class="new_video">
<div class="new_video_top">
<img src="images/peke.png">
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
<!--最新打视频窗口-->
<div class="new_video_big">
<div class="new_video_big_pic">
<div class="new_video video_player">
<div class="new_video_top">
<img src="images/peke.png">
</div>
<div class="new_video_big_bottom">
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_big_name_text">
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
</div>
<!--视频-->
<div class="video">
<div class="new_e">
Video
<!--最新打视频窗口-->
<div class="new_video_big video_player">
<div class="new_video_big_pic">
<img src="images/peke.png">
</div>
<div class="new_c">
视频
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
<div class="new_video_big_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
<div class="new_video_big_name_text">
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--文章-->
<div class="title">
<div class="new_e marin_top">
Article
</div>
<!--视频-->
<div class="video">
<div class="new_e">
Video
</div>
<div class="new_c">
视频
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
</div>
<div class="new_c">
文章
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--文章-->
<div class="title">
<div class="new_e marin_top">
Article
</div>
<div class="new_c">
文章
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
</div>
<!--演出-->
<div class="show">
<div class="new_e marin_top">
Performance
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--演出-->
<div class="show">
<div class="new_e marin_top">
Performance
</div>
<div class="new_c">
演出
</div>
<!--演出时间筛选-->
<div class="show_time">
<!--年-->
<div class="show_time_year">
<div class="year_pic">
<img src="images/left_aa.png">
</div>
<div >2018</div>
<div class="year_pic">
<img src="images/right_aa.png">
</div>
</div>
<div class="new_c">
演出
<!--月-->
<div class="show_time_month">
<div class="month_pic">
<img src="images/left_aa.png">
</div>
<div class="month_item">
<p>7月</p>
<p>8月</p>
<p>9月</p>
</div>
<div class="month_pic">
<img src="images/right_aa.png">
</div>
</div>
<!--演出时间筛选-->
<div class="show_time">
<!--年-->
<div class="show_time_year">
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--月-->
<div class="show_time_month">
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--动态层-->
<!--<div class="mask" style="display: flex;" >-->
<!--<div class="pop">-->
<!--<div class="pop_text pop_color">-->
<!--精选-->
<!--</div>-->
<!--<div class="pop_text">-->
<!--动态-->
<!--</div>-->
<!--<div class="pop_text">-->
<!--百科-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--视频播放层-->
<div class="mask mask_2" style="display: none">
<div class="mask_video">
<div class="mask_video_top">视频
<!--关闭-->
<div class="iconfont icon-guanbi"></div>
</div>
<div class="mask_video_bottom">
<video src="video/Bugatti_1.mp4" controls="controls" webkit-playsinline="true" playsinline="true" x5-playsinline="true" id="video_1">
</video>
</div>
</div>
</div>
</div>
</body>
<script>
//点击打开菜单
$('.icon-caidan').click(function () {
console.log(11)
$('.menu_item').slideToggle();
})
//地址跳转
$('.index_jump').click(function () {
window.location.href = 'index.html'
})
$('.rwxq_jump').click(function () {
window.location.href = 'rwxq.html'
})
$('.grzy_jump').click(function () {
window.location.href = 'grzy.html'
})
$('.spxq_jump').click(function () {
window.location.href = 'grzy.html'
})
//点击打开视频
$('.video_player').click(function () {
$('.mask_2').css("display","flex");
})
// 点击关闭视频
$('.icon-guanbi').click(function () {
$('.mask_2').css("display","none")
var video = document.getElementById('video_1');
video.pause()
})
//点击图片进入视频详情
$('.pic_box').click(function () {
window.location.href = "spxq.html"
})
var swiper = new Swiper('.swiper-container',{
loop: true, // 循环模式选项
... ... @@ -333,9 +443,5 @@
el: '.swiper-pagination',
},
});
// $('.icon-magnifier').click(
// window.location.href = 'grzy_1'
// )
</script>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/index_2.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swiper.css">
<style>
.icon-caidan{
font-size: 0.5rem;
}
.icon-magnifier{
color: #999999;
}
.icon-bofangshipin{
font-size: 0.38rem;
line-height: 1.4;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-right: 0.1rem;
}
.swiper-slide img{
width: 100%;
height: 100%;
border-radius: 0.1rem;
}
.top_dot{
width: 0.08rem;
height: 0.08rem;
background:rgba(166,16,16,1);
border:1px solid rgba(255, 255, 255, 1);
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
}
.icon-guanbi{
position: absolute;
height: 0.5rem;
line-height: 0.5rem;
top: 0;
right: 0.2rem;
}
.icon-shangsanjiao{
position: absolute;
top: -0.2rem;
left: -0.2rem;
color: orangered;
}
</style>
</head>
<script src="js/swiper.js"></script>
<body>
<div class="container">
<div class="top">
<!--顶部菜单-->
<div class="top_t">
<!--左-->
<div class="top_t_left">
<!--中文字-->
<div class="top_t_left_text">
中
</div>
<!--菜单图标-->
<div class="iconfont icon-caidan">
<!--菜单列表-->
<div class="menu_item" style="display: none;">
<p class="index_jump">主页
<span class="iconfont icon-shangsanjiao"></span>
</p >
<p class="rwxq_jump">人物详情</p>
<p class="grzy_jump">个人主页</p>
<p class="spxq_jump">视频详情</p>
</div>
</div>
</div>
<!--中-->
<div class="top_t_middle">
<img src="images/icon_1.png">
</div>
<!--右-->
<div class="top_t_right">
<!--铃声-->
<div class="iconfont icon-10">
<div class="top_dot"></div>
</div>
<!--头像-->
<div class="top_t_right_pic">
<img src="images/1.png">
</div>
</div>
</div>
<!--底部搜索-->
<div class="top_d">
<div class="iconfont icon-magnifier"></div>
<input class="top_d_input" placeholder="搜索音乐/作品/风格">
</div>
</div>
<!--轮播图-->
<div class="banner">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/banner_1.png">
</div>
<div class="swiper-slide">
<img src="images/banner_2.png">
</div>
<div class="swiper-slide">
<img src="images/banner_3.png">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<!--最新-->
<div class="new">
<div class="new_e">
The latest
</div>
<div class="new_c">
最新
</div>
<!--最新小视频窗口-->
<div class="new_video_item">
<div class="new_video video_player">
<div class="new_video_top">
<img src="images/peke.png">
</div>
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
<div class="new_video video_player">
<div class="new_video_top">
<img src="images/peke.png">
</div>
<div class="new_video_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_bottom_name">
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
</div>
<!--最新打视频窗口-->
<div class="new_video_big video_player">
<div class="new_video_big_pic">
<img src="images/peke.png">
</div>
<div class="new_video_big_bottom">
<div class="iconfont icon-bofangshipin"></div>
<div class="new_video_bottom_right">
壹
</div>
<div class="new_video_big_name_text">
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
小猪佩奇
</div>
</div>
</div>
</div>
<!--视频-->
<div class="video">
<div class="new_e">
Video
</div>
<div class="new_c">
视频
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom">
某某主题
</div>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--文章-->
<div class="title">
<div class="new_e marin_top">
Article
</div>
<div class="new_c">
文章
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--演出-->
<div class="show">
<div class="new_e marin_top">
Performance
</div>
<div class="new_c">
演出
</div>
<!--演出时间筛选-->
<div class="show_time">
<!--年-->
<div class="show_time_year">
</div>
<!--月-->
<div class="show_time_month">
</div>
</div>
<div class="item_pic">
<!--图片盒子-->
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
<div class="pic_box">
<!--图片-->
<div class="pic_box_top">
<img src="images/peke.png">
</div>
<!--文字-->
<div class="pic_box_bottom between">
<p>某某主题</p>
<p>2019.1.12</p>
</div>
</div>
</div>
<!--更多-->
<div class="video_more">
MORE
</div>
</div>
<!--动态层-->
<div class="mask" style="display: none;" >
<div class="pop">
<div class="pop_text pop_color">
精选
</div>
<div class="pop_text">
动态
</div>
<div class="pop_text">
百科
</div>
</div>
</div>
<!--视频播放层-->
<div class="mask mask_2" style="display: none">
<div class="mask_video">
<div class="mask_video_top">视频
<!--关闭-->
<div class="iconfont icon-guanbi"></div>
</div>
<div class="mask_video_bottom">
<video src="video/Bugatti_1.mp4" controls="controls" webkit-playsinline="true" playsinline="true" x5-playsinline="true" id="video_1">
</video>
</div>
</div>
</div>
</div>
</body>
<script>
//点击打开菜单
$('.icon-caidan').click(function () {
$('.menu_item').slideToggle();
})
//地址跳转
$('.index_jump').click(function () {
window.location.href = 'index_2.html'
})
$('.rwxq_jump').click(function () {
window.location.href = 'rwxq.html'
})
$('.grzy_jump').click(function () {
window.location.href = 'grzy.html'
})
$('.spxq_jump').click(function () {
window.location.href = 'grzy.html'
})
//点击打开视频
$('.video_player').click(function () {
$('.mask_2').css("display","flex");
})
// 点击关闭视频
$('.icon-guanbi').click(function () {
$('.mask_2').css("display","none")
var video = document.getElementById('video_1');
video.pause()
})
//点击图片进入视频详情
$('.pic_box').click(function () {
window.location.href = "spxq.html"
})
var swiper = new Swiper('.swiper-container',{
loop: true, // 循环模式选项
// autoplay: {
// delay: 1000,
// disableOnInteraction: false,
// },
pagination: {
el: '.swiper-pagination',
},
});
</script>
</html>
... ... @@ -143,6 +143,7 @@
</div>
<div class="intro_attention">
<p class="intro_attention_title">关注</p>
<p class="attention" style="display: none;">已关注</p>
<p class="iconfont icon-dianzan number">11</p>
</div>
</div>
... ... @@ -343,6 +344,19 @@
</body>
<script src="js/swiper.js"> </script>
<script>
// 关注
$('.intro_attention_title').click(function () {
$(this).css('display','none');
$('.attention').css('display','block')
})
$('.attention').click(function () {
console.log(111);
$('.attention').css('display','none');
$('.intro_attention_title').css('display','block')
})
//点击赞
var swiper = new Swiper('.swiper-container',{
loop: true, // 循环模式选项
... ...
... ... @@ -70,8 +70,10 @@
.icon-shangsanjiao{
position: absolute;
color: #fff;
right: -0.1rem;
/*border:1px solid #f5f5f5;*/
right: 0;
top: -0.2rem;
/*box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.08);*/
}
.bottom_icon{
font-size: 0.16rem;
... ... @@ -255,35 +257,36 @@
<span class="share_size">1235</span>
</div>
<div class="iconfont icon-fenxiang share_color">
<div class="share_box">
<div class="share_box" style="display: none;">
<!--分享内容-->
<div class="share_function">
<div class="share_function_item">
<div class="share_function_item MicrBlog">
<div class="iconfont icon-weibo-copy size_icon"></div>
<p>微博</p>
</div>
<div class="share_function_item">
<div class="share_function_item WeChat">
<div class="iconfont icon-weixin size_icon"></div>
<p>微信</p>
</div>
<div class="share_function_item">
<div class="share_function_item Twitter">
<div class="iconfont icon-tuite size_icon"></div>
<p>推特</p>
</div>
<div class="share_function_item">
<div class="share_function_item FaceBook">
<div class="iconfont icon-NGlianshu size_icon"></div>
<p>脸书</p>
<!--上三角-->
<!--<div class="iconfont icon-shangsanjiao"></div>-->
</div>
</div>
<!--上三角-->
<div class="iconfont icon-shangsanjiao"></div>
</div>
</div>
</div>
... ... @@ -327,8 +330,10 @@
</div>
<div class="comment_item_bottom_right">
<div class="comment_item_bottom_right_item">举报</div>
<div class="comment_item_bottom_right_item">删除</div>
<div class="iconfont icon-dianzan bottom_icon">222</div>
<div class="comment_item_bottom_right_item delect">删除</div>
<div class="iconfont icon-dianzan bottom_icon ">
<span class="num_1">222</span>
</div>
<div class="iconfont icon-xiaoxi bottom_icon"></div>
</div>
... ... @@ -361,37 +366,96 @@
</div>
<div class="comment_item_bottom_right">
<div class="comment_item_bottom_right_item">举报</div>
<div class="comment_item_bottom_right_item">删除</div>
<div class="iconfont icon-dianzan bottom_icon">222</div>
<div class="comment_item_bottom_right_item delect">删除</div>
<div class="iconfont icon-dianzan bottom_icon">
<span class="num_1">222</span>
</div>
<div class="iconfont icon-xiaoxi bottom_icon"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--删除评论提示-->
<div class="delect_comment" style="display: none;">
<div class="delect_comment_box">
<div class="delect_top">您确定要删除吗?</div>
<div class="delect_bottom">
<div class="delect_bottom_left">确定</div>
<div class="delect_bottom_right">取消</div>
</div>
</div>
</div>
</div>
</body>
<script>
$('.icon-fenxiang').click(function () {
$('.share_function').slideToggle();
$('.share_box').slideToggle();
})
//分享微博
$('.MicrBlog').click(function () {
window.location.href = ''
})
//分享微信
$('.WeChat').click(function () {
window.location.href = ''
})
//分享推特
$('.Twitter').click(function () {
window.location.href = ''
})
//分享脸书
$('.FaceBook').click(function () {
window.location.href = ''
})
// 点击关注
var num=$(".share_size").html();
num=Number(num);
$('.icon-xinaixin').click(function () {
// if ($(this).hasClass("red_color")){
// $(this).removeClass("red_color").siblings().addClass("red_color")
// } else
// {
// $(this).addClass("red_color").siblings().removeClass('red_color')
// }
if ($(this).hasClass("red_color")){
$(this).removeClass("red_color");
num=num-1
} else
{
$(this).addClass("red_color")
num=num+1
}
$(".share_size").html(num)
})
//评论区点赞
$('.icon-dianzan').click(function () {
var num_1 = $(this).children(".num_1").html();
console.log(num_1)
num_1 = Number(num_1);
if ($(this).hasClass("red_color")){
$(this).removeClass("red_color");
num_1 = num_1-1
}else{
$(this).addClass("red_color")
num_1 = num_1 + 1
}
$(this).children(".num_1").html(num_1)
})
//评论区删除
$('.delect').click(function () {
$('.delect_comment').css('display','flex')
})
//取消删除
$('.delect_bottom_right').click(function () {
$('.delect_comment').css('display','none')
})
</script>
</html>
... ...