张亚鹏 / Wechat_project_1 · 提交

转到一个项目

作者 乔爽
提交 8c720e7ab9a9b260a1d1b61f3896be3ab8492ce4 0 个父辈

update

内嵌 并排对比
正在显示 40 个修改的文件 包含 3200 行增加 和 0 行删除
<?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/上传资料企业微信.iml" filepath="$PROJECT_DIR$/.idea/上传资料企业微信.iml" />
</modules>
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="140167ac-33fb-4284-bf2f-897ad51069a4" name="Default Changelist" comment="" />
<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="423657998">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="7" />
<entry key="project.open.time.1" value="1" />
<entry key="project.open.time.20" value="1" />
<entry key="project.open.time.23" value="1" />
<entry key="project.open.time.26" value="1" />
<entry key="project.open.time.3" value="1" />
<entry key="project.open.time.33" value="1" />
<entry key="project.open.time.6" value="1" />
<entry key="project.opened" value="7" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="41" />
<entry key="html" value="60" />
<entry key="js" value="2" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="41" />
<entry key="HTML" value="60" />
<entry key="JavaScript" value="2" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="css" value="9969" />
<entry key="html" value="7942" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="9969" />
<entry key="HTML" value="7942" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="240">
<caret line="31" column="18" lean-forward="true" selection-start-line="31" selection-start-column="18" selection-end-line="31" selection-end-column="18" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#9;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#10;n#div#0;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$/spxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1188">
<caret line="44" column="45" selection-start-line="44" selection-start-column="45" selection-end-line="44" selection-end-column="45" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/wtfk.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1188">
<caret line="44" column="9" selection-start-line="44" selection-end-line="44" selection-end-column="9" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/cpxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1134">
<caret line="53" column="40" lean-forward="true" selection-start-line="53" selection-start-column="40" selection-end-line="53" selection-end-column="40" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#1;n#div#0;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$/gift.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1215">
<caret line="131" column="23" selection-start-line="131" selection-start-column="23" selection-end-line="131" selection-end-column="23" />
<folding>
<element signature="n#div#0;n#div#2;n#div#0;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$/css/cpxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="303">
<caret line="129" column="4" selection-start-line="129" selection-start-column="6" selection-end-line="132" selection-end-column="23" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/last.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="729">
<caret line="27" column="18" selection-start-line="27" selection-start-column="18" selection-end-line="27" selection-end-column="18" />
<folding>
<element signature="n#style#0;n#div#1;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$/list_turn.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="756">
<caret line="28" column="25" selection-start-line="28" selection-start-column="25" selection-end-line="28" selection-end-column="25" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/ggbt.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="378">
<caret line="14" column="32" selection-start-line="14" selection-start-column="32" selection-end-line="14" selection-end-column="32" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/cplb.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="95">
<caret line="181" lean-forward="true" selection-start-line="181" selection-end-line="181" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#9;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#10;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</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>font</find>
<find>font-w</find>
<find>scr</find>
<find>点击</find>
<find>.main_item_t</find>
<find>menu_sort</find>
<find>download_contai</find>
<find>download_container</find>
<find>btn_box_a</find>
<find>btn_close</find>
<find>main_b</find>
<find>item_text_in</find>
<find>main_bottom</find>
<find>input</find>
<find>input_contai</find>
<find>确认</find>
<find>footer_mid_right_author</find>
<find>footer_mid_right</find>
<find>mid_right_t</find>
<find>footer</find>
<find>footer_mid</find>
<find>main_top</find>
<find>border</find>
<find>main_doc</find>
</findStrings>
<dirStrings>
<dir>F:\ljh\上传资料企业微信\images</dir>
</dirStrings>
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/common.css" />
<option value="$PROJECT_DIR$/anno_return.html" />
<option value="$PROJECT_DIR$/css/anno_return.css" />
<option value="$PROJECT_DIR$/css/list_turn.css" />
<option value="$PROJECT_DIR$/css/details.css" />
<option value="$PROJECT_DIR$/css/anno.css" />
<option value="$PROJECT_DIR$/css/index.css" />
<option value="$PROJECT_DIR$/gift.html" />
<option value="$PROJECT_DIR$/css/last.css" />
<option value="$PROJECT_DIR$/apply.html" />
<option value="$PROJECT_DIR$/details.html" />
<option value="$PROJECT_DIR$/pic_5.html" />
<option value="$PROJECT_DIR$/css/gift.css" />
<option value="$PROJECT_DIR$/anno.html" />
<option value="$PROJECT_DIR$/anno_2.html" />
<option value="$PROJECT_DIR$/css/anno_2.css" />
<option value="$PROJECT_DIR$/css/apply.css" />
<option value="$PROJECT_DIR$/last.html" />
<option value="$PROJECT_DIR$/css/pic_5.css" />
<option value="$PROJECT_DIR$/css/pro_list.css" />
<option value="$PROJECT_DIR$/pro_list.html" />
<option value="$PROJECT_DIR$/css/sub_6.css" />
<option value="$PROJECT_DIR$/sub_6.html" />
<option value="$PROJECT_DIR$/index.html" />
<option value="$PROJECT_DIR$/ggbt.html" />
<option value="$PROJECT_DIR$/css/ggbt.css" />
<option value="$PROJECT_DIR$/cpgg.html" />
<option value="$PROJECT_DIR$/spxq.html" />
<option value="$PROJECT_DIR$/list_turn.html" />
<option value="$PROJECT_DIR$/cpxq.html" />
<option value="$PROJECT_DIR$/css/cpxq.css" />
<option value="$PROJECT_DIR$/cplb.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="426" />
<option name="y" value="169" />
<option name="width" value="1261" />
<option name="height" value="921" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="上传资料企业微信" type="b2602c69:ProjectViewProjectNode" />
<item name="上传资料企业微信" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="上传资料企业微信" type="b2602c69:ProjectViewProjectNode" />
<item name="上传资料企业微信" type="462c0819:PsiDirectoryNode" />
<item name="css" 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$" />
<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" />
<property name="settings.editor.selected.configurable" value="web.server" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="F:\ljh\上传资料企业微信\js" />
<recent name="F:\ljh\上传资料企业微信\images" />
</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="last.html" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:8080/上传资料企业微信/last.html">
<method v="2" />
</configuration>
<recent_temporary>
<list>
<item itemvalue="JavaScript Debug.last.html" />
</list>
</recent_temporary>
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="140167ac-33fb-4284-bf2f-897ad51069a4" name="Default Changelist" comment="" />
<created>1546408044393</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1546408044393</updated>
<workItem from="1546408046790" duration="20561000" />
<workItem from="1546474406141" duration="34477000" />
<workItem from="1546561272162" duration="39176000" />
<workItem from="1546647973518" duration="15753000" />
<workItem from="1546669460405" duration="32000" />
<workItem from="1546674819919" duration="1468000" />
<workItem from="1546822545566" duration="373000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="111840000" />
</component>
<component name="ToolWindowManager">
<frame x="426" y="169" width="1261" height="921" extended-state="0" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.20523304" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="bottom" id="Run" order="2" />
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
<window_info anchor="bottom" id="TODO" order="6" />
<window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
<window_info anchor="bottom" id="Version Control" order="8" show_stripe_button="false" />
<window_info anchor="bottom" id="Terminal" order="9" visible="true" weight="0.25412962" />
<window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
<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" />
</entry>
<entry file="file://$PROJECT_DIR$/css/common.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="189">
<caret line="7" column="1" lean-forward="true" selection-start-line="7" selection-start-column="1" selection-end-line="7" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/list_turn.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
<caret line="6" column="8" selection-start-line="6" selection-start-column="8" selection-end-line="6" selection-end-column="8" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/spxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="243">
<caret line="9" column="31" lean-forward="true" selection-start-line="9" selection-start-column="31" selection-end-line="9" selection-end-column="31" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/jquery.min.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="486">
<caret line="36" column="21" lean-forward="true" selection-start-line="36" selection-start-column="21" selection-end-line="36" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/last.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3105">
<caret line="115" column="1" selection-start-line="115" selection-start-column="1" selection-end-line="115" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/gift.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="147">
<caret line="84" column="17" lean-forward="true" selection-start-line="84" selection-start-column="17" selection-end-line="84" selection-end-column="17" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/cpgg.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="264">
<caret line="58" lean-forward="true" selection-start-line="58" selection-end-line="58" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/apply.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="329">
<caret line="129" column="19" lean-forward="true" selection-start-line="129" selection-start-column="19" selection-end-line="129" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/cplb.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="395">
<caret line="59" column="29" selection-start-line="59" selection-start-column="22" selection-end-line="59" selection-end-column="29" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/wtfk.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="302">
<caret line="49" column="1" selection-start-line="49" selection-start-column="1" selection-end-line="49" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/ggbt.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="124">
<caret line="40" column="28" lean-forward="true" selection-start-line="40" selection-start-column="28" selection-end-line="40" selection-end-column="28" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/apply.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="194">
<caret line="75" lean-forward="true" selection-start-line="75" selection-end-line="75" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/cpgg.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="189">
<caret line="120" column="14" lean-forward="true" selection-start-line="120" selection-start-column="14" selection-end-line="120" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/spxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1188">
<caret line="44" column="45" selection-start-line="44" selection-start-column="45" selection-end-line="44" selection-end-column="45" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/wtfk.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1188">
<caret line="44" column="9" selection-start-line="44" selection-end-line="44" selection-end-column="9" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/cpxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1134">
<caret line="53" column="40" lean-forward="true" selection-start-line="53" selection-start-column="40" selection-end-line="53" selection-end-column="40" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/gift.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1215">
<caret line="131" column="23" selection-start-line="131" selection-start-column="23" selection-end-line="131" selection-end-column="23" />
<folding>
<element signature="n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/last.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="729">
<caret line="27" column="18" selection-start-line="27" selection-start-column="18" selection-end-line="27" selection-end-column="18" />
<folding>
<element signature="n#style#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/list_turn.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="756">
<caret line="28" column="25" selection-start-line="28" selection-start-column="25" selection-end-line="28" selection-end-column="25" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/ggbt.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="378">
<caret line="14" column="32" selection-start-line="14" selection-start-column="32" selection-end-line="14" selection-end-column="32" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/cpxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="303">
<caret line="129" column="4" selection-start-line="129" selection-start-column="6" selection-end-line="132" selection-end-column="23" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="240">
<caret line="31" column="18" lean-forward="true" selection-start-line="31" selection-start-column="18" selection-end-line="31" selection-end-column="18" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#9;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#10;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/cplb.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="95">
<caret line="181" lean-forward="true" selection-start-line="181" selection-end-line="181" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#9;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#10;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</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
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>申领须知</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/apply.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--申领须知-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<div class="main_text">
<p>测试文字 测试文字测试文字 测试文字测试文字 测试文字</p>
</div>
</div>
<!--点击下载按钮-->
<div class="btn_box">
<div class="btn_box_a" >
<a href="#">点击下载</a>
</div>
</div>
</div>
<!--设置Onclick样式-->
<div class="download_container" style="display:none">
<div class="download_container_main">
<div class="download_container_main_top">
填写邮箱
</div>
<div class="download_container_main_text">
请填写邮箱，我们会将资料发到您的邮箱
</div>
<!--输入框-->
<div class="download_container_main_input">
<input type="text">
</div>
<!--按钮-->
<div class="download_container_main_bottom">
<div class="download_container_main_bottom_left">
确定
</div>
<div class="download_container_main_bottom_right" id="btn_close">
取消
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
// 遮罩层 以及 内容
$(".btn_box_a").click(function(){
$(".download_container").css("display","block")
$(this).css("background","#CCCCCC")
})
$("#btn_close").click(function () {
$(".download_container").css("display","none")
$(".btn_box_a").css("background","#0A84D9")
})
// function btn_close() {
// $('body').removeClass('show_toast');
// $('.download_container').css('display','none')
// }
});
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品公告</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/cpgg.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--商品详情-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<div class="box_main">
<!--图片位置，商品名称，价格，库存-->
<div class="main_top" onclick="btn_sub()">
<div class="main_top_left">
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述述述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
<div class="main_bottom_time">
2018.1.3
</div>
</div>
<!--box_main结尾-->
</div>
<div class="box_main box_main_next">
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述述述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
<div class="main_bottom_time">
2018.1.3
</div>
</div>
<!--box_main结尾-->
</div>
<div class="box_main box_main_next">
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述述述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
<div class="main_bottom_time">
2018.1.3
</div>
</div>
<!--box_main结尾-->
</div>
<div class="box_main box_main_next">
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述述述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
<div class="main_bottom_time">
2018.1.3
</div>
</div>
<!--box_main结尾-->
</div>
<!--main 结尾-->
</div>
</div>
</div>
<script>
function btn_sub() {
window.location.href = "cpxq.html";
}
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品列表</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/cplb.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--产品列表-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<div class="main_search">
<!--搜索关键词-->
<div class="main_search_input">
<div class="main_search_input_img">
<img src="images/icon-Search@2x.png">
</div>
<input type="text" placeholder="关键词">
</div>
<div class="main_search_menu">
<img src="images/me@2x.png" width="100%" height="100%">
</div>
</div>
<div class="main_item" onclick="btn_sub()">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
<div class="main_item">
<div class="main_item_title">
标题
</div>
<div class="main_item_time">
时间
</div>
</div>
</div>
<!--设置onclick样式-->
<div class="menu_container" style="display: none">
<div class="menu_container_items">
<div class="menu_container_top">
<p>产品筛选</p>
</div>
<!--产品类型-->
<div class="menu_container_item">
<div class="menu_container_item_left">
产品类型:
</div>
<div class="menu_container_item_right">
<select>
<option hidden>总结样本</option>
<option>2222</option>
<option>3333</option>
</select>
</div>
</div>
<!--品牌-->
<div class="menu_container_item">
<div class="menu_container_item_left">
品牌:
</div>
<div class="menu_container_item_right">
<select>
<option hidden>请选择品牌</option>
<option>2222</option>
<option>3333</option>
</select>
</div>
</div>
<!--旧品牌-->
<div class="menu_container_item">
<div class="menu_container_item_left">
旧品牌:
</div>
<div class="menu_container_item_right">
<select>
<option hidden>请选择旧品牌</option>
<option>1111</option>
<option>2222</option>
</select>
</div>
</div>
<!--样本类型-->
<div class="menu_container_item">
<div class="menu_container_item_left">
样本类型:
</div>
<div class="menu_container_item_right">
<select>
<option hidden>请选择样本类型</option>
<option>1111</option>
<option>2222</option>
</select>
</div>
</div>
<!--语言-->
<div class="menu_container_item">
<div class="menu_container_item_left">
语言:
</div>
<div class="menu_container_item_right">
<select>
<option hidden >请选择语言</option>
<option>2222</option>
<option>3333</option>
</select>
</div>
</div>
<!--重置 and 确定-->
<div class="menu_container_bottom">
<div class="menu_left_reset">
重置
</div>
<div class="menu_right_sub" id="btn_close">
确认
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
//遮罩层 以及内容
$(".main_search_menu").click(function () {
$(".menu_container").css("display","block")
$(this).css("background","#CCCCCC")
})
$("#btn_close").click(function () {
$(".menu_container").css("display","none")
$(".main_search_menu").css("background","#0A84D9")
})
//页面跳转
})
</script>
<script>
function btn_sub() {
window.location.href = "cpgg.html";
}
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/cpxq.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--商品详情-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<div class="main_title">
产品标题
</div>
<!--图片位置，商品名称，价格，库存-->
<div class="main_top" onclick="btn_sub()">
<div class="main_top_left">
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品详情
</div>
<div class="main_bottom_small">
详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
</div>
</div>
<!--阅读次数-->
<div class="main_reader">
阅读<span>XX</span>次
</div>
<!--阅读文档-->
<div class="main_doc">
<div class="main_doc_left">
阅读文档
</div>
<div class="main_doc_right">
文档文档文档文档文档文档文档文档文档文档
文档文档文档文档文档文档文档文档文档文档
文档文档文档文档文档文档文档文档文档文档
</div>
</div>
<div class="main_doc">
<div class="main_doc_left">
阅读文档
</div>
<div class="main_doc_right margin_bottom">
文档文档文档文档文档文档文档文档文档文档
文档文档文档文档文档文档文档文档文档文档
文档文档文档文档文档文档文档文档文档文档
</div>
</div>
</div>
<!--底部-->
<div class="footer">
<!--精选留言 写留言-->
<div class="footer_top">
<div class="footer_top_left">
精选留言
</div>
<div class="footer_top_right">
写留言
</div>
</div>
<div class="footer_mid">
<!--头像图片-->
<div class="footer_mid_left">
</div>
<!--昵称与评论-->
<div class="footer_mid_right">
<div class="footer_mid_right_top">
昵称
</div>
<div class="footer_mid_right_bottom">
评论内容评论内容评论内容评论内容评论内容
评论内容评论内容评论内容评论内容评论内容
评论内容评论内容评论内容评论内容评论内容
评论内容评论内容评论内容评论内容评论内容
</div>
<!--作者-->
<div class="footer_mid_right_author">
作者
</div>
<!--回复内容-->
<div class="footer_mid_right_resp">
回复内容回复内容回复内容回复内容回复内容回复内容回复内容回复内容
回复内容回复内容回复内容回复内容回复内容回复内容回复内容回复内容
回复内容回复内容回复内容回复内容回复内容回复内容回复内容回复内容
回复内容回复内容回复内容回复内容回复内容回复内容回复内容回复内容
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function btn_sub() {
window.location.href = "ggbt.html";
}
</script>
</body>
</html>
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
position: relative;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*justify-content: center;*/
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
}
.main{
display: flex;
justify-content: center;
}
.main_text{
width: 6.89rem;
height: 6.73rem;
}
.btn_box{
width: 100%;
height: 2.73rem;
display: flex;
margin-bottom: 0;
justify-content: center;
margin-top: auto;
-webkit-margin-start: auto;
align-items: center;
position: absolute;
bottom: 0;
}
.btn_box_a{
width: 3.2rem;
height: 0.8rem;
font-size: 0.27rem;
background-color: #0A84D9;
text-align: center;
line-height: 0.8rem;
}
.btn_box a{
color: #ffffff;
}
.download_container{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.download_container_main{
width: 5.8rem;
height: 4.02rem;
background-color: #FFFFFF;
position:absolute;
top:40%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-flow: column;
align-items: center;
border-radius: 0.08rem;
}
.download_container_main_top{
margin-top: 0.56rem;
font-size: 0.36rem;
}
.download_container_main_text{
margin-top: 0.27rem;
font-size: 0.28rem;
}
.download_container_main_input{
/*margin-top: 0.26rem;*/
display: flex;
margin-top: 0.26rem;
}
.download_container_main_input input{
/*margin-top: 0.26rem;*/
width: 5.1rem;
height: 0.8rem;
border: 1px solid #808080;
font-size: 0.36rem;
border-radius: 0.06rem;
outline: none;
padding: 0;
box-sizing: border-box;
}
.download_container_main_bottom{
margin-bottom: 0;
font-size: 0.28rem;
display: flex;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
margin-top: 0.53rem;
}
.download_container_main_bottom_left{
/*height: 0.7rem;*/
width: 50%;
background-color: #0A84D9;
color: #FFFFFF;
}
.download_container_main_bottom_right{
width: 50%;
/*height: 0.7rem;*/
}
... ...
body ,html{
margin: 0 auto;
padding: 0 auto;
height: 100%;
}
p{
font-size: 0.33rem;
}
image{
width: 100%;
height: 100%;
}
a{
text-decoration: none;
}
... ...
/*body{*/
/*background: url("../images/bg03@2x.png" );*/
/*background-size: 100% 100%;*/
/*}*/
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
/*position: relative;*/
position: fixed;
top: 0;
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
font-weight: bold;
}
.main{
width: 6.90rem;
/*display: flex;*/
/*justify-content: center;*/
/*background-color: #ffffff;*/
/*flex-flow: column;*/
margin: 0.4rem auto;
}
.box_main{
background-color: #FFFFFF;
border-radius: 0.08rem;
}
.box_main_next{
margin-top: 0.2rem;
}
.main_top{
/*margin: 0.12rem 0.1rem;*/
display: flex;
font-size: 0.3rem;
}
.main_top_left{
width: 6.9rem;
height: 3.9rem;
background-color: #CCCCCC;
border-top-left-radius: 0.06rem;
border-top-right-radius: 0.06rem;
}
.main_bottom{
display: flex;
flex-flow: column;
margin-top: 0.34rem;
/*border-bottom: 1px dashed #E64E62;*/
}
.main_bottom_big{
font-size: 0.3rem;
/*margin-left: 0.15rem;*/
/*margin-bottom: 0.3rem;*/
margin: 0 0.15rem 0.3rem ;
font-weight: bold;
}
.main_bottom_small{
font-size: 0.26rem;
/*margin-left: 0.14rem;*/
margin: 0 0.14rem;
padding-bottom: 0.35rem;
/*border-bottom: 1px dashed #E64E62;*/
}
.main_bottom_time{
font-size: 0.26rem;
color: #bbbbbb;
margin-right: 0.16rem;
text-align: right;
}
... ...
/*body{*/
/*background: url("../images/bg03@2x.png" );*/
/*background-size: 100% 100%;*/
/*}*/
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*position: fixed;*/
top: 0;
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
font-weight: bold;
}
.main{
width: 100%;
}
.main_search{
/*width: 7.5rem;*/
height: 1rem;
background-color: #0A84D9;
display: flex;
justify-content: space-around;
}
.main_search_input{
display: flex;
flex-flow: column;
justify-content: center;
/*position: relative;*/
}
.main_search_input_img{
width: 0.45rem;
height: 0.44rem;
position: absolute;
display: flex;
margin: auto 0.2rem;
}
.main_search_input img{
width: 100%;
height: 100%;
}
.main_search_input input{
height: 0.7rem;
width: 5rem;
background-color: #FFFFFF;
border-radius: 0.35rem;
border: 1px solid #ffffff;
font-size: 0.32rem;
/*margin-left: 0.3rem;*/
padding-left: 0.75rem;
}
input::-webkit-input-placeholder{
color: #BBBBBB;
/*padding: 0.5rem;*/
}
.main_search_menu{
display: flex;
align-items: center;
/*margin-right: 0.25rem;*/
}
.main_search_menu img{
width: 0.6rem;
height: 0.5rem;
}
.main_item{
height: 1.36rem;
display: flex;
flex-flow: column;
border-bottom: 1px solid #CCCCCC;
}
.main_item_title{
font-size: 0.3rem;
margin-top: 0.3rem;
margin-left: 0.31rem ;
margin-bottom: 0.18rem;
}
.main_item_time{
font-size: 0.28rem;
color: #BBBBBB;
margin-left: 0.29rem;
/*margin-bottom: 0.33rem;*/
}
.menu_container{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
z-index: 2; top: 0;
left: 0;
}
.menu_container_items{
width: 6.02rem;
height: 100%;
display: flex;
flex-flow: column;
position: absolute;
top: 0;
right: 0;
background-color: #FFFFFF;
font-size: 0.32rem;
}
.menu_container_top{
width: 6.02rem;
height: 1.06rem;
/*margin-left: 0.3rem;*/
line-height: 1.06rem;
border-bottom: 1px solid #999999;
}
.menu_container_item{
/*width: 6.02rem;*/
height: 1.06rem;
/*margin-left: 0.67rem;*/
/*line-height: 1.06rem;*/
display: flex;
border-bottom: 1px solid #999999;
justify-content: center;
align-items: center;
}
.menu_container_item_left{
width: 1.3rem;
font-size: 0.3rem;
text-align: right;
/*margin-left: 0.47rem;*/
padding-right: 0.47rem;
}
.menu_container_item_right{
/*margin-right: 0.23rem;*/
}
select{
width: 3.35rem;
height: 0.68rem;
border-radius: 0.16rem;
outline: none;
padding-left: 0.32rem;
color: #666666;
}
.menu_container_top p{
margin: 0 0 0 0.3rem;
/*margin-left: 0.3rem;*/
}
.menu_container_bottom{
display: flex;
justify-content: space-around;
text-align: center;
margin-top: 0.74rem;
}
.menu_left_reset{
width: 1.65rem;
height: 0.68rem;
border-radius: 0.16rem;
border: 1px solid #CCCCCC;
line-height: 0.68rem;
}
.menu_right_sub{
width: 1.65rem;
height: 0.68rem;
border-radius: 0.16rem;
border: 1px solid #CCCCCC;
line-height: 0.68rem;
}
... ...
/*body{*/
/*background: url("../images/bg03@2x.png" );*/
/*background-size: 100% 100%;*/
/*}*/
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
align-items: center;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
/*position: relative;*/
position: fixed;
top: 0;
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
font-weight: bold;
}
.main{
width: 6.90rem;
background-color: #ffffff;
margin: 0.4rem 0.3rem 0.2rem 0.3rem;
}
.main_top{
margin: 0.23rem 0.1rem;
display: flex;
font-size: 0.3rem;
}
.main_title{
margin-top: 0.2rem;
margin-left: 0.15rem;
font-size: 0.3rem;
font-weight: bold;
}
.main_top_left{
width: 6.9rem;
height: 3.9rem;
background-color: #CCCCCC;
border-top-left-radius: 0.06rem;
border-top-right-radius: 0.06rem;
}
.main_bottom{
display: flex;
flex-flow: column;
margin-top: 0.34rem;
/*border-bottom: 1px dashed #E64E62;*/
}
.main_bottom_big{
font-size: 0.3rem;
margin: 0 0.15rem 0.3rem ;
font-weight: bold;
}
.main_bottom_small{
font-size: 0.26rem;
/*margin-left: 0.14rem;*/
margin: 0 0.14rem;
padding-bottom: 0.35rem;
/*border-bottom: 1px dashed #E64E62;*/
}
.main_reader{
font-size: 0.26rem;
color: #bbbbbb;
margin-left: 0.15rem;
}
.main_doc{
margin-top: 0.34rem;
width: 100%;
display: flex;
justify-content: space-between;
font-size: 0.26rem;
}
.main_doc_left{
width: 1.56rem;
height: 0.7rem;
margin-left: 0.14rem;
background-color: #0A84D9;
/*align-items: center;*/
text-align: center;
line-height: 0.7rem;
color: #ffffff;
border-radius: 0.06rem;
}
.main_doc_right{
width: 4.8rem;
/*height: 0.65rem;*/
margin-right: 0.16rem;
/*当字数超过时设置省略号*/
/*display: -webkit-box;*/
/*-webkit-box-orient: vertical;*/
/*-webkit-line-clamp: 15;*/
/*overflow: hidden;*/
}
.margin_bottom{
margin-bottom: 0.4rem;
}
.footer{
width: 6.90rem;
background-color: #ffffff;
/*margin: 0 auto;*/
margin-bottom: 0.2rem;
}
.footer_top{
margin-top: 0.4rem;
font-size: 0.26rem;
display: flex;
justify-content: space-between;
color: #8E8E8E;
}
.footer_top_left{
margin-left: 0.15rem;
}
.footer_top_right{
margin-right: 0.16rem;
}
.footer_mid{
/*margin-left: 0.16rem;*/
display: flex;
flex-flow: row;
margin-bottom: 0.86rem;
flex: 0 0 auto;
padding: 0 0.16rem;
}
.footer_mid_left{
margin-top: 0.24rem;
width: 0.64rem;
height: 0.64rem;
background-color: #808080;
border-radius: 0.06rem;
}
.footer_mid_right{
width: 5.5rem;
margin-top: 0.24rem;
margin-left: 0.2rem;
font-size: 0.26rem;
}
.footer_mid_right_top{
font-size: 0.28rem;
color: #8E8E8E;
}
.footer_mid_right_bottom{
font-size: 0.26rem;
}
.footer_mid_right_author{
font-size: 0.28rem;
color: #8E8E8E;
margin-top: 0.24rem;
/*margin-left: 0.2rem;*/
position: relative;
border-left: 0.02rem solid #0A84D9;
padding-left: 0.1rem;
}
/*.footer_mid_right_author:before{*/
/*content:'';*/
/*display:block;*/
/*width:0.04rem;*/
/*height:0.28rem;*/
/*background: #0A84D9;*/
/*!*margin-top: 0.24rem;*!*/
/*position: absolute;*/
/*top:0.08rem;*/
/*left: -0.16rem;*/
/*}*/
.footer_mid_right_resp{
margin-left: 0.2rem;
font-size: 0.26rem;
}
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*justify-content: center;*/
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
}
.main{
width: 100%;
display: flex;
flex-flow: column;
/*justify-content: center;*/
align-items: center;
}
.main_top{
align-items: center;
font-size: 0.36rem;
margin-top: 0.39rem;
width: 100%;
justify-content: center;
text-align: center;
font-weight: bold;
/*font-weight: lighter;*/
}
.main_mid{
/*margin-top: 0.31rem;*/
margin: 0.31rem 0.27rem;
width: 4.36rem;
display: flex;
justify-content: space-between;
font-size: 0.24rem;
color: #BBBBBB;
}
.main_author{
}
.main_time{
}
.main_banner{
width: 6.9rem;
height: 3.44rem;
margin: 0 0.3rem;
background-color: #ffffff;
border-radius: 0.06rem;
}
.main_text{
margin: 0.37rem 0.31rem;
width: 6.89rem;
/*height: 6rem;*/
/*border: 1px solid red;*/
font-size: 0.26rem;
/*letter-spacing: 0.08rem;*/
}
... ...
.container{
/*height: 100%;*/
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg02@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.banner{
height: 2.17rem;
margin-top: 0.48rem;
background: url("../images/banner02@2x.png");
background-size: 100% 100%;
display: flex;
flex-flow: column;
}
.banner_img{
width: 1.73rem;
height: 0.73rem;
padding-top: 0.22rem;
padding-left: 0.35rem;
font-size: 0;
}
.banner_title{
/*width: 4.09rem;*/
/*height: 0.79rem;*/
padding-left: 0.31rem;
padding-top: 0.21rem;
font-size: 0.27rem;
color: #ffffff;
}
.menu{
margin-top: 0.12rem;
/*width: 100%;*/
height: 1.06rem;
display: flex;
justify-content: space-around;
background-color: #F3C4CB;
font-size: 0.32rem;
line-height: 1.06rem;
text-decoration: none;
}
.menu_sort{
/*border: 0.04rem solid #C0394B;*/
/*margin-bottom: 0.04rem;*/
/*height: 1.06rem;*/
border-bottom: 0.04rem solid #C0394B;
margin-bottom: 0.1rem;
}
.items{
width: 5.7rem;
display: flex;
font-size: 0.21rem;
color: #ffffff;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0.42rem auto;
/*overflow-y: scroll;*/
}
.item{
margin-bottom: 0.36rem;
}
.item_img{
width: 2.53rem;
height: 2.53rem;
}
.item_text{
margin: 0.12rem 0.12rem;
}
.item_text_intro{
font-size: 0.21rem;
font-family:SourceHanSansSC-Medium;
}
.item_text_price{
display: flex;
justify-content: space-between;
font-size: 0.16rem;
}
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg01@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.banner{
height: 2.17rem;
margin-top: 0.48rem;
margin-bottom: 0.83rem;
background: url("../images/banner@2x.png");
background-size: 100% 100%;
display: flex;
flex-flow: column;
}
.banner_img{
width: 1.73rem;
height: 0.73rem;
padding-top: 0.22rem;
padding-left: 0.35rem;
font-size: 0;
}
.banner_title{
/*width: 4.09rem;*/
/*height: 0.79rem;*/
padding-left: 0.31rem;
padding-top: 0.21rem;
font-size: 0.27rem;
color: #ffffff;
}
/*.banner_small{*/
/*padding-top: 0 ;*/
/*padding-left: 0.31rem;*/
/*font-size: 0.02rem;*/
/*}*/
.items{
height: 0.64rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.3rem;
}
.item{
width: 3.21rem;
height: 0.64rem;
background-color: #00A7E5;
text-align: center;
line-height: 0.64rem;
font-size: 0.32rem;
color: #ffffff;
border: 1px solid #ffffff;
letter-spacing: 0.05rem;
border-radius: 0.1rem;
box-shadow: 0px 0.03rem 0.12rem 0px black;
}
.item_first{
background-color: #4FB233;
}
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
position: relative;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.btn_box{
width: 100%;
height: 2.73rem;
display: flex;
margin-bottom: 0;
justify-content: center;
margin-top: auto;
-webkit-margin-start: auto;
align-items: center;
position: absolute;
bottom: 0;
}
.btn_box_a{
width: 3.2rem;
height: 0.7rem;
font-size: 0.27rem;
background-color: #0A84D9;
text-align: center;
line-height: 0.7rem;
}
.btn_box a{
color: #ffffff;
}
.download_container{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.download_container_main{
width: 5.8rem;
height: 3.49rem;
background-color: #FFFFFF;
position:absolute;
top:40%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-flow: column;
align-items: center;
border-radius: 0.08rem;
}
.download_container_main_close{
width: 100%;
display: flex;
justify-content: flex-end;
}
.download_container_main_close img{
width: 0.26rem;
height: 0.27rem;
margin-right: 0.2rem;
margin-top: 0.2rem;
}
.download_container_main_input{
/*margin-top: 0.26rem;*/
display: flex;
/*margin-top: 0.26rem;*/
}
.download_container_main_input input{
/*margin-top: 0.26rem;*/
width: 5.1rem;
height: 0.7rem;
border: 1px solid #808080;
font-size: 0.36rem;
border-radius: 0.08rem;
outline: none;
/*padding: 0;*/
box-sizing: border-box;
margin-top: 0.53rem;
padding-left: 0.4rem;
}
input::-webkit-input-placeholder{
color: #BBBBBB;
font-size: 0.3rem;
/*margin-left: 0.4rem;*/
}
.download_container_main_btn{
/*width: 100%;*/
display: flex;
align-items: center;
margin: auto;
}
.download_container_main_btn_register{
width: 2.35rem;
height: 0.7rem;
background-color: #0A84D9;
line-height: 0.7rem;
font-size: 0.28rem;
text-align: center;
border-radius: 0.12rem;
}
.download_container_main_btn_register a{
color: #ffffff;
}
.download_container_main_btn_register .download_container_main_btn_register-on{
color: #0A84D9;
}
... ...
/*body{*/
/*background: url("../images/bg03@2x.png" );*/
/*background-size: 100% 100%;*/
/*}*/
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*position: fixed;*/
top: 0;
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
font-weight: bold;
}
.main{
width: 100%;
height: 0.88rem;
background-color: #cccccc;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*position: fixed;*/
top: 0;
}
.main_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.main_text {
width: 30%;
/*align-items: center;*/
/*justify-content: center;*/
}
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*justify-content: center;*/
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
}
.main{
width: 6.90rem;
/*display: flex;*/
/*justify-content: center;*/
background-color: #ffffff;
/*flex-flow: column;*/
margin: 0.4rem auto;
}
.main_top{
margin: 0.12rem 0.1rem;
display: flex;
font-size: 0.3rem;
}
.main_top_left{
width: 4.08rem;
height: 3.14rem;
background-color: #CCCCCC;
border-top-left-radius: 0.06rem;
border-top-right-radius: 0.06rem;
}
.main_top_right{
/*margin-left: 0.3rem;*/
margin-top: 0.18rem;
}
.main_top_right_gname{
/*margin-left: 0.31rem;*/
/*margin-bottom: 0.3rem;*/
margin: 0 0.31rem 0.3rem;
color: #C0394B;
}
.main_top_right_gprice{
/*margin-left: 0.29rem;*/
/*margin-bottom: 0.2rem;*/
margin: 0 0.29rem 0.2rem;
}
.main_top_right_inventory{
/*margin-left: 0.29rem;*/
margin: 0 0.29rem;
}
.main_bottom{
display: flex;
flex-flow: column;
margin-top: 0.34rem;
border-bottom: 1px dashed #E64E62;
}
.main_bottom_big{
font-size: 0.3rem;
/*margin-left: 0.15rem;*/
/*margin-bottom: 0.3rem;*/
margin: 0 0.15rem 0.3rem ;
}
.main_bottom_small{
font-size: 0.26rem;
/*margin-left: 0.14rem;*/
margin: 0 0.14rem;
padding-bottom: 0.35rem;
/*border-bottom: 1px dashed #E64E62;*/
}
... ...
.container{
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../images/bg03@2x.png" );
background-size: 100% 100%;
position: relative;
}
.home_container{
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
text-align: center;
line-height: 0.88rem;
font-size: 0.32rem;
display: flex;
position: relative;
/*justify-content: center;*/
}
.top_img{
margin-left: 0.3rem;
width: 0.29rem;
position: absolute;
left:0;
bottom:0;
}
.top_text {
width: 100%;
align-items: center;
justify-content: center;
}
.input_container{
display: flex;
flex-flow: column;
align-items: center;
margin-top: 1.23rem;
}
.input_container input{
width: 6rem;
height: 0.7rem;
margin-bottom: 0.2rem;
border-radius: 0.1rem;
border: 1px solid #359AE0;
padding-left: 0.3rem;
font-size: 0.3rem;
outline: none;
/*border: none;*/
}
input{
}
input::-webkit-input-placeholder{
color: #BBBBBB;
}
textarea{
width: 6rem;
height: 3.5rem;
border-radius: 0.1rem;
border: 1px solid #359AE0;
padding-left: 0.3rem;
font-size: 0.3rem;
padding-top: 0.2rem;
outline: none;
}
textarea::-webkit-input-placeholder{
color: #BBBBBB;
}
.btn_box{
width: 100%;
height: 2.73rem;
display: flex;
margin-bottom: 0;
justify-content: center;
margin-top: auto;
-webkit-margin-start: auto;
align-items: center;
position: absolute;
bottom: 0;
}
.btn_box_a{
width: 6rem;
height: 0.7rem;
font-size: 0.27rem;
background-color: #0A84D9;
text-align: center;
line-height: 0.7rem;
border-radius: 0.1rem;
}
.btn_box a{
color: #ffffff;
}
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品公告</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/ggbt.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--产品公告-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<!--公告标题-->
<div class="main_top">
公告标题
</div>
<!--作者&时间-->
<div class="main_mid">
<div class="main_author">
作者: 某某某
</div>
<div class="main_time">
2018.12.26
</div>
</div>
<!--公告框-->
<div class="main_banner">
</div>
<!--文本框-->
<div class="main_text">
测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>礼品页</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/gift.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<div class="banner">
<div class="banner_img">
<img src="images/logo@2x.png" width="100%" height="100%">
</div>
<div class="banner_title">
礼品申请
</div>
</div>
<div class="menu">
<div class="menu_item menu_sort">
综合排序
</div>
<div class="menu_item ">
价格
</div>
<div class="menu_item ">
库存
</div>
</div>
<!--产品列表-->
<div class="index_item_a">
<!--index -->
<div class="items">
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic01@2x.png" width="100%">
</div>
<div class="item_text">
<div class="item_text_intro">
小米AI音响mini
</div>
<div class="item_text_price">
<span>$ 217.0</span>
<span>库存: 10</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".menu_item").click(function () {
var index = $(this).index()
console.log(index)
$(this).addClass('menu_sort').siblings('.menu_item').removeClass('menu_sort')
$('.index_item_a').eq(index).show().siblings("items").hide() //切换内容语法
// $(this).addClass("menu_sort");
// $(this).siblings(".menu_item").removeClass("menu_sort")
})
})
</script>
</body>
</html>
... ...

1002 字节
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品页</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<div class="banner">
<div class="banner_img">
<img src="images/logo@2x.png" width="100%" height="100%">
</div>
<div class="banner_title">
Emerson品牌承诺
</div>
<!--<div class="banner_title banner_small">-->
<!--以科技融合工程技术，锲而不舍，追求完美，<br>-->
<!--在充满活力的世界范围为客户利益创造最佳解决方案-->
<!--</div>-->
</div>
<!--列表-->
<div class="items">
<div class="item item_first" onclick="btn_next()">
总介样本
</div>
</div>
<div class="items">
<div class="item">
蝶阀/三偏心阀
</div>
</div>
<div class="items">
<div class="item">
球阀
</div>
</div>
<div class="items">
<div class="item">
闸截止阀
</div>
</div>
<div class="items">
<div class="item">
刀闸阀
</div>
</div>
<div class="items">
<div class="item">
安全阀
</div>
</div>
<div class="items">
<div class="item">
调节阀
</div>
</div>
<div class="items">
<div class="item">
调压阀
</div>
</div>
<div class="items">
<div class="item">
其他阀门
</div>
</div>
<div class="items">
<div class="item">
执行机构
</div>
</div>
</div>
</div>
</body>
<script>
function btn_next() {
// alert(111)
window.location.href="cplb.html";
}
</script>
</html>
... ...
! function (a) {
function b() {
var Length = document.documentElement.clientWidth;
var baseWidth = Length <= 1024 ? Length : 1024 < Length ? 750 : '';
document.documentElement.style.fontSize = baseWidth / 750 * 100 + 'px';
}
window.addEventListener("DOMContentLoaded", function () {
b()
}, !1), window.addEventListener("resize", function () {
b()
}), b()
}(window);
//回退
window.onload = function(){
var $back = document.getElementsByClassName('back')[0];
if($back){
$back.onclick=function(){
window.history.back()
}
}
}
... ...
此 diff 太大无法显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品页</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/last.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<div class="btn_box">
<div class="btn_box_a" >
<a href="#">点击下载</a>
</div>
</div>
</div>
<!--设置Onclick样式-->
<div class="download_container" style="display:none">
<div class="download_container_main">
<!--关闭图标-->
<div class="download_container_main_close" >
<img src="images/close.png" id="btn_close">
</div>
<!--设置input框-->
<div class="download_container_main_input">
<input type="text" placeholder="请输入手机号或名字">
</div>
<!--设置登录-->
<div class="download_container_main_btn">
<div class="download_container_main_btn_register " id="btn_sub" >
<a href="#">登录</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
// 遮罩层 以及 内容
$(".btn_box_a").click(function(){
$(".download_container").css("display","block")
$(this).css("background","#CCCCCC")
})
$("#btn_close").click(function () {
$(".download_container").css("display",'none')
$(".btn_box_a").css("background","#0A84D9")
})
//------------------------------------
// $("#btn_sub").click(function () {
// $(".download_container_main_btn_register").css("display","block")
// $(this).css("background","#CCCCCC")
// })
// $("#btn_sub").click(function () {
// $(".download_container_main_btn_register").css("display","block")
// $(this).css("background","#0A84D9")
// })
});
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品列表</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/list_turn.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--产品列表-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<!--<div class="main">-->
<!--<div class="main_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="main_text">-->
<!--返回-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/spxq.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--商品详情-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="main">
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
<div class="main_top_right">
<div class="main_top_right_gname">
商品名称
</div>
<div class="main_top_right_gprice">
价格
</div>
<div class="main_top_right_inventory">
库存
</div>
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
</div>
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
<div class="main_top_right">
<div class="main_top_right_gname">
商品名称
</div>
<div class="main_top_right_gprice">
价格
</div>
<div class="main_top_right_inventory">
库存
</div>
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
</div>
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
<div class="main_top_right">
<div class="main_top_right_gname">
商品名称
</div>
<div class="main_top_right_gprice">
价格
</div>
<div class="main_top_right_inventory">
库存
</div>
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
</div>
<!--图片位置，商品名称，价格，库存-->
<div class="main_top">
<div class="main_top_left">
</div>
<div class="main_top_right">
<div class="main_top_right_gname">
商品名称
</div>
<div class="main_top_right_gprice">
价格
</div>
<div class="main_top_right_inventory">
库存
</div>
</div>
</div>
<!--商品描述-->
<div class="main_bottom">
<div class="main_bottom_big">
商品描述
</div>
<div class="main_bottom_small">
描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述
</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>问题反馈</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/wtfk.css">
<script src="js/base.js"></script>
</head>
<body>
<div class="container">
<div class="home_container">
<!--头部-->
<!--<div class="top">-->
<!--<div class="top_img">-->
<!--<img src="images/fh@2x.png" width="100%">-->
<!--</div>-->
<!--<div class="top_text">-->
<!--问题反馈-->
<!--</div>-->
<!--</div>-->
<!--主体文字-->
<div class="input_container">
<input type="text" placeholder="标题" >
<input type="text" placeholder="姓名">
<input type="text" placeholder="联系方式">
<textarea placeholder="详情描述"></textarea>
</div>
<!--点击下载按钮-->
<div class="btn_box">
<div class="btn_box_a" onclick="btn_sub()">
<a href="#">提交</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function btn_sub() {
window.location.href="index.html";
}
</script>
</body>
</html>
... ...