Skip to content

php / bestpay

Go to a project
Commit ef30e689 by 张恒
Options

k

parents
Showing with 1193 additions and 0 deletions
.idea/bestpay.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="CompassSettings">
<option name="compassConfigPath" value="$MODULE_DIR$/config.rb" />
<option name="compassExecutableFilePath" value="/usr/local/bin/compass" />
<option name="compassSupportEnabled" value="true" />
</component>
<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
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/bestpay.iml" filepath="$PROJECT_DIR$/.idea/bestpay.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/vcs.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
.idea/watcherTasks.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions">
<TaskOptions isEnabled="true">
<option name="arguments" value="compile /Users/zhangheng/Documents/xiangmu/bestpay $UnixSeparators($FilePath$)$" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" />
<option name="exitCodeBehavior" value="ERROR" />
<option name="fileExtension" value="scss" />
<option name="immediateSync" value="true" />
<option name="name" value="Compass SCSS" />
<option name="output" value="$PROJECT_DIR$" />
<option name="outputFilters">
<array />
</option>
<option name="outputFromStdout" value="false" />
<option name="program" value="/usr/local/bin/compass" />
<option name="scopeName" value="Project Files" />
<option name="trackOnlyRoot" value="true" />
<option name="workingDir" value="$PROJECT_DIR$" />
<envs />
</TaskOptions>
</component>
</project>
\ No newline at end of file
.idea/workspace.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="d52db3c2-5e88-4692-bb71-d738c8d9556a" name="Default" 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="TRACKING_ENABLED" 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="CreatePatchCommitExecutor">
<option name="PATCH_PATH" value="" />
</component>
<component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
<component name="FavoritesManager">
<favorites_list name="bestpay" />
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</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="y" value="29" />
<option name="width" value="1440" />
<option name="height" value="821" />
</component>
<component name="ProjectView">
<navigator currentView="ProjectPane" proportions="" version="1">
<flattenPackages />
<showMembers />
<showModules />
<showLibraryContents />
<hideEmptyPackages />
<abbreviatePackageNames />
<autoscrollToSource />
<autoscrollFromSource />
<sortByType />
<manualOrder />
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane" />
<pane id="Scope" />
<pane id="Scratches" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="HbShouldOpenHtmlAsHb" value="" />
<property name="settings.editor.selected.configurable" value="watcher.settings" />
</component>
<component name="ShelveChangesManager" show_recycled="false">
<option name="remove_strategy" value="false" />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="d52db3c2-5e88-4692-bb71-d738c8d9556a" name="Default" comment="" />
<created>1513957319156</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1513957319156</updated>
<workItem from="1513957320785" duration="87000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="87000" />
</component>
<component name="ToolWindowManager">
<frame x="0" y="29" width="1440" height="821" extended-state="6" />
<editor active="false" />
<layout>
<window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24947146" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
<window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="processedProjectFiles" value="true" />
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="XDebuggerManager">
<breakpoint-manager />
<watches-manager />
</component>
</project>
\ No newline at end of file
.project 0 → 100755
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>rem</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>com.aptana.ide.core.unifiedBuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>com.aptana.projects.webnature</nature>
</natures>
<filteredResources>
<filter>
<id>1503723216130</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1503884858095</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1503924722259</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1504545786884</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1505305127648</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1506669119773</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1508232135645</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1510146796515</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1510407557616</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1510851578834</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1512891836844</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1513672660759</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1513925250550</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
</filteredResources>
</projectDescription>
config.rb 0 → 100755
require 'compass/import-once/activate'
require 'pathname'
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
project_path = Pathname.new(File.dirname(__FILE__)).realpath
css_dir = "/css"
sass_dir = "/css"
images_dir = "/image"
javascripts_dir = "Public/static/js"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
# output_style = :compressed
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
css/easy_animation.css 0 → 100644
/* easy-animation.scss */
css/easy_animation.scss 0 → 100644
/* easy-animation.scss */
// easy-animation
// Author: Maple Jan
// Date: 2014-04-11
// Support browser's private prefix.
$ea-prefix-for-webkit: true !default;
$ea-prefix-for-mozilla: true !default;
$ea-prefix-for-microsoft: true !default;
$ea-prefix-for-opera: true !default;
$ea-prefix-for-spec: true !default; // required for keyframe mixin
// Disable all browser's private prefix.
@mixin ea-disable-prefix-for-all() {
$ea-prefix-for-webkit: false !global;
$ea-prefix-for-mozilla: false !global;
$ea-prefix-for-microsoft: false !global;
$ea-prefix-for-opera: false !global;
$ea-prefix-for-spec: false !global;
}
// Example usage:
// @include ea-transition(all 2s ease 0s);
@mixin ea-transition($value, $prefixs: webkit moz ms o spec) {
@each $prefix in $prefixs {
@if $prefix == webkit {
@if $ea-prefix-for-webkit {
-webkit-transition: $value;
}
}
@else if $prefix == moz {
@if $ea-prefix-for-mozilla {
-moz-transition: $value;
}
}
@else if $prefix == ms {
@if $ea-prefix-for-microsoft {
-ms-transition: $value;
}
}
@else if $prefix == o {
@if $ea-prefix-for-opera {
-o-transition: $value;
}
}
@else if $prefix == spec {
@if $ea-prefix-for-spec {
transition: $value;
}
}
@else {
@warn "Unrecognized prefix: #{$prefix}";
}
}
}
// Example usage:
// @include ea-transform(scale(1));
@mixin ea-transform($value, $prefixs: webkit moz ms o spec) {
@each $prefix in $prefixs {
@if $prefix == webkit {
@if $ea-prefix-for-webkit {
-webkit-transform: $value;
}
}
@else if $prefix == moz {
@if $ea-prefix-for-mozilla {
-moz-transform: $value;
}
}
@else if $prefix == ms {
@if $ea-prefix-for-microsoft {
-ms-transform: $value;
}
}
@else if $prefix == o {
@if $ea-prefix-for-opera {
-o-transform: $value;
}
}
@else if $prefix == spec {
@if $ea-prefix-for-spec {
transform: $value;
}
}
@else {
@warn "Unrecognized prefix: #{$prefix}";
}
}
}
// Example usage:
// @include ea-animation(wrap_s0_p1, 2s, ease, 0s, infinite);
@mixin ea-animation($name, $duration, $function: ease, $delay: 0s, $count: infinite) {
@if $ea-prefix-for-webkit {
-webkit-animation: $name $duration $function $delay $count;
}
@if $ea-prefix-for-mozilla {
-moz-animation: $name $duration $function $delay $count;
}
@if $ea-prefix-for-microsoft {
-ms-animation: $name $duration $function $delay $count;
}
@if $ea-prefix-for-opera {
-o-animation: $name $duration $function $delay $count;
}
@if $ea-prefix-for-spec{
animation: $name $duration $function $delay $count;
}
}
// Example usage:
// @include ea-keyframes(wrap_s0_p1) {
// 0% {
// opacity: 1;
// @include ea-transform(scale(1));
// }
// 50% {
// opacity: 0.8;
// @include ea-transform(scale(0.8));
// }
// 100% {
// opacity: 1;
// @include ea-transform(scale(1));
// }
// }
@mixin ea-keyframes($name) {
$_ea-prefix-for-webkit: $ea-prefix-for-webkit;
$_ea-prefix-for-mozilla: $ea-prefix-for-mozilla;
$_ea-prefix-for-microsoft: $ea-prefix-for-microsoft;
$_ea-prefix-for-opera: $ea-prefix-for-opera;
$_ea-prefix-for-spec: $ea-prefix-for-spec;
@if $_ea-prefix-for-webkit {
@include ea-disable-prefix-for-all();
$ea-prefix-for-webkit: true;
@-webkit-keyframes #{$name} {
@content;
}
}
@if $_ea-prefix-for-mozilla {
@include ea-disable-prefix-for-all();
$ea-prefix-for-mozilla: true;
@-moz-keyframes #{$name} {
@content;
}
}
@if $_ea-prefix-for-microsoft {
@include ea-disable-prefix-for-all();
$ea-prefix-for-microsoft: true;
@-ms-keyframes #{$name} {
@content;
}
}
@if $_ea-prefix-for-opera {
@include ea-disable-prefix-for-all();
$ea-prefix-for-opera: true;
@-o-keyframes #{$name} {
@content;
}
}
@if $_ea-prefix-for-spec {
@include ea-disable-prefix-for-all();
$ea-prefix-for-spec: true;
@keyframes #{$name} {
@content;
}
}
$ea-prefix-for-webkit: $_ea-prefix-for-webkit;
$ea-prefix-for-mozilla: $_ea-prefix-for-mozilla;
$ea-prefix-for-microsoft: $_ea-prefix-for-microsoft;
$ea-prefix-for-opera: $_ea-prefix-for-opera;
$ea-prefix-for-spec: $_ea-prefix-for-spec;
}
\ No newline at end of file
css/main.css 0 → 100644
@charset "UTF-8";
* {
-webkit-tap-highlight-color: transparent;
}
html, body {
width: 100%;
margin: 0;
font-family: helvetica;
background: white;
overflow: hidden;
height: 100%;
-webkit-overflow-scrolling: touch;
}
body * {
-webkit-text-size-adjust: 100%;
-webkit-user-select: auto;
}
button,
input {
-webkit-tap-highlight-color: transparent;
outline: none;
border: none;
background: none;
-webkit-appearance: none;
}
input::-webkit-input-placeholder {
/* placeholder颜色 */
color: white;
/* placeholder字体大小 */
font-size: 0.32rem;
/* placeholder位置 */
text-align: center;
}
button,
input {
-webkit-appearance: none;
border-radius: 0;
}
a {
text-decoration: none;
}
input {
outline: none;
vertical-align: middle;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
img {
vertical-align: middle;
}
h3,
h4,
p {
margin: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.flex {
display: box;
/* OLD - Android 4.4- */
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
}
#page {
max-width: 750px;
height: auto;
margin: 0 auto;
background-color: #1a1e2a;
}
#page .home {
background: url("../image/home-bj.jpg") no-repeat center;
background-size: 100% 100%;
width: 100%;
height: 19.2rem;
position: relative;
}
#page .home .content {
width: 10rem;
margin: 0 auto;
top: 0.4rem;
position: relative;
}
#page .home .content .bj {
background: url("../image/bj.png") no-repeat center;
background-size: 100% 100%;
width: 10rem;
height: 17.86667rem;
}
#page .home .btn-rule, #page .home .btn-home {
width: 10rem;
height: 0.90667rem;
margin: 0 auto;
position: relative;
top: 13.06667rem;
}
#page .home .btn-home {
height: 1.30667rem;
top: 11.76rem;
}
#page .home .city {
width: 2.57333rem;
height: 0.57333rem;
position: relative;
top: 12.53333rem;
left: 5.81333rem;
}
#page .home .city .city_text {
width: 2rem;
height: 0.65333rem;
color: black;
text-align: center;
line-height: 0.65333rem;
font-size: 0.32rem;
}
#page .home .city #area_code {
width: 2.57333rem;
height: 0.57333rem;
position: absolute;
top: 0;
opacity: 0;
}
#page .page-info {
max-width: 750px;
}
#page .page-info img {
width: 100%;
display: block;
}
css/main.scss 0 → 100644
@function torem($px) {
@return $px / 75px * 1rem;
}
@mixin animate_forwards() {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
* {
-webkit-tap-highlight-color: transparent;
}
html, body {
width: 100%;
margin: 0;
font-family: helvetica;
background: white;
overflow: hidden;
height: 100%;
-webkit-overflow-scrolling: touch;
}
body * {
-webkit-text-size-adjust: 100%;
-webkit-user-select: auto
}
button,
input {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
border: none;
background: none;
-webkit-appearance: none;
}
input::-webkit-input-placeholder {
/* placeholder颜色 */
color: white;
/* placeholder字体大小 */
font-size: torem(24px);
/* placeholder位置 */
text-align: center;
}
button,
input {
-webkit-appearance: none;
border-radius: 0;
}
a {
text-decoration: none;
}
input {
outline: none;
vertical-align: middle;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
img {
vertical-align: middle;
}
h3,
h4,
p {
margin: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.flex {
display: box; /* OLD - Android 4.4- */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#page {
max-width: 750px;
height: auto;
margin: 0 auto;
background-color: #1a1e2a;
.home {
background: url("../image/home-bj.jpg") no-repeat center;
background-size: 100% 100%;
width: 100%;
height: torem(1440px);
position: relative;
.content {
width: torem(750px);
margin: 0 auto;
top: torem(30px);
position: relative;
.bj{
background: url("../image/bj.png") no-repeat center;
background-size: 100% 100%;
width: torem(750px);
height: torem(1340px);
}
}
.btn-rule, .btn-home {
width: torem(750px);
height: torem(68px);
margin: 0 auto;
position: relative;
top: torem(980px);
}
.btn-home {
height: torem(98px);
top: torem(882px);
}
.city {
width: torem(193px);
height: torem(43px);
position: relative;
top: torem(940px);
left: torem(436px);
.city_text {
width: torem(150px);
height: torem(49px);
color: black;
text-align: center;
line-height: torem(49px);
font-size: torem(24px);
}
#area_code {
width: torem(193px);
height: torem(43px);
position: absolute;
top: 0;
opacity: 0;
}
}
}
.page-info {
max-width: 750px;
img {
width: 100%;
display: block;
}
}
}
\ No newline at end of file
image/1.jpg 0 → 100644
image/1.jpg

61.1 KB
image/3.jpg 0 → 100644
image/3.jpg

59.2 KB
image/4.jpg 0 → 100644
image/4.jpg

61.3 KB
image/5.jpg 0 → 100644
image/5.jpg

60.9 KB
image/6.jpg 0 → 100644
image/6.jpg

59.9 KB
image/7.jpg 0 → 100644
image/7.jpg

64.9 KB
image/8.jpg 0 → 100644
image/8.jpg

60.3 KB
image/9.jpg 0 → 100644
image/9.jpg

62.3 KB
index.html 0 → 100755
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/flexible.js"></script>
<link href="css/main.css" rel="stylesheet">
<title></title>
</head>
<body>
<div id="page">
<div class="home">
<div class="content">
<div class="bj">
<div class="btn-home"></div>
<div class="city">
<div class="city_text">请选择城市</div>
<select id="area_code" onchange="btn_city()">
<option value="1">重庆</option>
<option value="2">北京</option>
<option value="3">福建</option>
<option value="4">贵州</option>
<option value="5">湖南</option>
<option value="6">黑龙江</option>
<option value="7">山东</option>
<option value="8">海南</option>
<option value="9">青海</option>
<option value="10">河南</option>
<option value="11">陕西</option>
<option value="12">天津</option>
<option value="13">宁夏</option>
<!--<option value="14">江苏</option>-->
<!--<option value="15">内蒙古</option>-->
<option value="14">云南</option>
<option value="15">江西</option>
<option value="16">辽宁</option>
<option value="17">广东</option>
<option value="18">广西</option>
</select>
</div>
<div class="btn-rule"></div>
</div>
</div>
</div>
<div class="page-info" style="display: none">
<img class="map" src="">
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
js/flexible.js 0 → 100755
;(function(win, lib) {
var doc = win.document;
var docEl = doc.documentElement;
var metaEl = doc.querySelector('meta[name="viewport"]');
var flexibleEl = doc.querySelector('meta[name="flexible"]');
var dpr = 0;
var scale = 0;
var tid;
var flexible = lib.flexible || (lib.flexible = {});
if (metaEl) {
console.warn('将根据已有的meta标签来设置缩放比例');
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
if (match) {
scale = parseFloat(match[1]);
dpr = parseInt(1 / scale);
}
} else if (flexibleEl) {
var content = flexibleEl.getAttribute('content');
if (content) {
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
if (initialDpr) {
dpr = parseFloat(initialDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
if (maximumDpr) {
dpr = parseFloat(maximumDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
}
}
if (!dpr && !scale) {
var isAndroid = win.navigator.appVersion.match(/android/gi);
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
var devicePixelRatio = win.devicePixelRatio;
if (isIPhone) {
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
dpr = 3;
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
dpr = 2;
} else {
dpr = 1;
}
} else {
// 其他设备下，仍旧使用1倍的方案
dpr = 1;
}
scale = 1 / dpr;
}
docEl.setAttribute('data-dpr', dpr);
if (!metaEl) {
metaEl = doc.createElement('meta');
metaEl.setAttribute('name', 'viewport');
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
if (docEl.firstElementChild) {
docEl.firstElementChild.appendChild(metaEl);
} else {
var wrap = doc.createElement('div');
wrap.appendChild(metaEl);
doc.write(wrap.innerHTML);
}
}
function refreshRem(){
var width = docEl.getBoundingClientRect().width;
if (width / dpr > 540) {
width = 540 * dpr;
}
var rem = width / 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}
win.addEventListener('resize', function() {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
win.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}
}, false);
if (doc.readyState === 'complete') {
doc.body.style.fontSize = 12 * dpr + 'px';
} else {
doc.addEventListener('DOMContentLoaded', function(e) {
doc.body.style.fontSize = 12 * dpr + 'px';
}, false);
}
refreshRem();
flexible.dpr = win.dpr = dpr;
flexible.refreshRem = refreshRem;
flexible.rem2px = function(d) {
var val = parseFloat(d) * this.rem;
if (typeof d === 'string' && d.match(/rem$/)) {
val += 'px';
}
return val;
}
flexible.px2rem = function(d) {
var val = parseFloat(d) / this.rem;
if (typeof d === 'string' && d.match(/px$/)) {
val += 'rem';
}
return val;
}
})(window, window['lib'] || (window['lib'] = {}));
js/index.js 0 → 100755
$(document).ready(function () {
$('.btn-rule').on('click',function () {
$('.map').attr('src','image/rule.jpg');
$('.home').hide();
$('.page-info').show();
});
$('.btn-home').on('click',function () {
$('.map').attr('src','image/x-s.jpg');
$('.home').hide();
$('.page-info').show();
});
$('.page-info').on('click',function () {
$('.home').show();
$('.page-info').hide();
});
});
function btn_city() {
var city = $("#area_code").find("option:selected").val();
$('.city_text').text($("#area_code").find("option:selected").text());
$('.map').attr('src','image/'+city+'.jpg');
$('.home').hide();
$('.page-info').show();
}
\ No newline at end of file
js/jquery-notify.js 0 → 100644
function my_notify(text, timeout) {
timeout = timeout || 1500;
$.notify({
inline: true,
html: '<span>' + text + '</span>'
}, timeout);
}
(function($){
function close(options, wrapper){
options.onCleanup.call(this);
wrapper.fadeOut('fast', function(){
$(this).remove();
options.onClosed();
})
}
function create_element(tag, cl){
return $(document.createElement(tag)).addClass(cl);
}
$.extend({
notify: function(options, duration) {
var
// Default options object
defaults = {
inline: false,
href: '',
html: '',
close: '',
onStart: function(){},
onComplete: function(){},
onCleanup: function(){},
onClosed: function(){}
},
// Useful variables
clone,
iframe = false,
container,
wrapper = $('<li></li>').addClass('notification'),
north,
south,
east,
west,
content
options = $.extend(defaults, options);
options.onStart.call(this);
if($('ul#notification_area').length) {
container = $('ul#notification_area');
}
else {
container = $('<ul></ul>').attr('id', 'notification_area');
$('body').append(container);
}
if(options.href){
if(options.inline){
clone = $(options.href).clone();
}
else {
iframe = true;
clone = $('<iframe></iframe>').attr('src', options.href).css({width: '100%', height: '100%'});
}
}
else if(options.html){
clone = $(options.html);
}
wrapper.append(
create_element('div', 'notify_content').append(clone)
);
wrapper.css("visibility", "hidden").appendTo(container);
if(options.close){
var close_elem = $('<span></span>').addClass('cl').html(options.close);
content.append(close_elem);
}
var anim_length = 0 - parseInt(wrapper.outerHeight());
wrapper.css('marginBottom', anim_length);
if(iframe){
content.height(parseInt(content.find('iframe').height()+16))
}
container.css({
'position': 'fixed',
'left': '50%',
'top': '20%',
'marginLeft': -(wrapper.outerWidth()/2)
});
wrapper.animate({marginBottom: 0}, 'fast', function(){
wrapper.hide().css('visibility', 'visible').fadeIn('fast');
if(duration){
setTimeout(function(){
close(options, wrapper);
}, duration);
}
if(!options.close){
wrapper.bind('click', function(){
close(options, wrapper);
})
}
else {
close_elem.bind('click', function(){
close(options, wrapper);
})
}
options.onComplete.call(this);
});
}
});
})(jQuery);
package.json 0 → 100755
{
"name": "main_all",
"version": "0.0.0",
"description": "",
"main": "Gruntfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"devDependencies": {
"grunt": "^0.4.5",
"grunt-contrib-compass": "^1.0.1",
"grunt-contrib-concat": "^0.5.1",
"grunt-contrib-cssmin": "^0.12.2",
"grunt-contrib-uglify": "^0.8.1",
"grunt-contrib-watch": "^0.6.1",
"grunt-sass": "^0.18.1"
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment