Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
大大大太阳yt
driver.js
提交
8a554f12
D
driver.js
项目概览
大大大太阳yt
/
driver.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
driver.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8a554f12
编写于
3月 10, 2018
作者:
K
Kamran Ahmed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Rearrange and update dev build script
上级
a47eab3e
变更
13
隐藏空白更改
内联
并排
Showing
13 changed file
with
64 addition
and
70 deletion
+64
-70
demo/base.scss
demo/base.scss
+0
-0
demo/demo.scss
demo/demo.scss
+47
-0
index.html
index.html
+3
-3
postcss.config.js
postcss.config.js
+0
-5
src/common/constants.js
src/common/constants.js
+0
-0
src/common/polyfill.js
src/common/polyfill.js
+0
-0
src/core/element.js
src/core/element.js
+1
-1
src/core/overlay.js
src/core/overlay.js
+1
-1
src/core/popover.js
src/core/popover.js
+1
-1
src/core/position.js
src/core/position.js
+0
-0
src/index.js
src/index.js
+5
-5
src/sholo.scss
src/sholo.scss
+0
-48
webpack.config.dev.js
webpack.config.dev.js
+6
-6
未找到文件。
assets/styles/scss
/base.scss
→
demo
/base.scss
浏览文件 @
8a554f12
文件已移动
demo/demo.scss
0 → 100644
浏览文件 @
8a554f12
@import
"base"
;
@import
"../src/sholo"
;
$container-width
:
500px
!
default
;
$logo-font-size
:
55px
!
default
;
$button-font-size
:
13px
!
default
;
$dark-button-bg
:
#2d2d2d
!
default
;
$dark-button-text
:
#ffffff
!
default
;
$light-button-bg
:
#f5f5f5
!
default
;
$light-button-text
:
#2d2d2d
!
default
;
.page-wrap
{
padding-top
:
1px
;
width
:
$container-width
;
margin
:
auto
;
}
.btn
{
font-size
:
$button-font-size
;
padding
:
7px
10px
;
border-radius
:
3px
;
&
.btn__dark
{
background
:
$dark-button-bg
;
color
:
$dark-button-text
;
}
&
.btn__light
{
background
:
$light-button-bg
;
color
:
$light-button-text
;
}
}
section
{
margin-bottom
:
35px
;
}
.section__header
{
margin
:
80px
0
50px
;
text-align
:
center
;
display
:
block
;
padding
:
10px
10px
20px
;
h1
{
font-size
:
$logo-font-size
;
}
}
\ No newline at end of file
index.html
浏览文件 @
8a554f12
...
...
@@ -6,7 +6,7 @@
content=
"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge"
>
<title>
Sholo
</title>
<link
rel=
"stylesheet"
href=
"./
assets/styles/css
/demo.css"
>
<link
rel=
"stylesheet"
href=
"./
dist
/demo.css"
>
</head>
<body>
<div
class=
"page-wrap"
>
...
...
@@ -55,7 +55,7 @@
</section>
</div>
<script
src=
"./
assets/scripts/
dist/sholo.js"
></script>
<script
src=
"./dist/sholo.js"
></script>
<script>
const
sholo
=
new
Sholo
({
animate
:
true
,
...
...
@@ -85,7 +85,7 @@
popover
:
{
title
:
'
Adding Introductions
'
,
description
:
'
You can use it to add popovers on top of the website
'
,
position
:
'
rig
ht
'
,
position
:
'
rig
'
,
},
},
{
...
...
postcss.config.js
已删除
100644 → 0
浏览文件 @
a47eab3e
module
.
exports
=
{
plugins
:
{
autoprefixer
:
{},
},
};
assets/scripts/src
/constants.js
→
src/common
/constants.js
浏览文件 @
8a554f12
文件已移动
assets/scripts/src
/polyfill.js
→
src/common
/polyfill.js
浏览文件 @
8a554f12
文件已移动
assets/scripts/src
/element.js
→
src/core
/element.js
浏览文件 @
8a554f12
...
...
@@ -7,7 +7,7 @@ import Position from './position';
export
default
class
Element
{
/**
* DOM element object
* @param {Node} node
* @param {Node
|HTMLElement
} node
* @param {Object} options
* @param {Popover} popover
* @param {Overlay} overlay
...
...
assets/scripts/src
/overlay.js
→
src/core
/overlay.js
浏览文件 @
8a554f12
import
Position
from
'
./position
'
;
import
{
ID_OVERLAY
,
OVERLAY_ZINDEX
}
from
'
./constants
'
;
import
{
ID_OVERLAY
,
OVERLAY_ZINDEX
}
from
'
.
./common
/constants
'
;
/**
* Responsible for overlay creation and manipulation i.e.
...
...
assets/scripts/src
/popover.js
→
src/core
/popover.js
浏览文件 @
8a554f12
...
...
@@ -8,7 +8,7 @@ import {
CLASS_POPOVER_TITLE
,
CLASS_PREV_STEP_BTN
,
ID_POPOVER
,
POPOVER_HTML
,
}
from
'
./constants
'
;
}
from
'
.
./common
/constants
'
;
/**
* Popover that is displayed on top of the highlighted element
...
...
assets/scripts/src
/position.js
→
src/core
/position.js
浏览文件 @
8a554f12
文件已移动
assets/scripts/src/sholo
.js
→
src/index
.js
浏览文件 @
8a554f12
import
Overlay
from
'
./overlay
'
;
import
Element
from
'
./element
'
;
import
'
./polyfill
'
;
import
Popover
from
'
./popover
'
;
import
Overlay
from
'
./
core/
overlay
'
;
import
Element
from
'
./
core/
element
'
;
import
Popover
from
'
./core/popover
'
;
import
'
./common/polyfill
'
;
import
{
CLASS_CLOSE_BTN
,
CLASS_NEXT_STEP_BTN
,
...
...
@@ -11,7 +11,7 @@ import {
OVERLAY_ANIMATE
,
OVERLAY_OPACITY
,
OVERLAY_PADDING
,
RIGHT_KEY_CODE
,
}
from
'
./constants
'
;
}
from
'
./co
mmon/co
nstants
'
;
/**
* Plugin class that drives the plugin
...
...
assets/styles/scss/dem
o.scss
→
src/shol
o.scss
浏览文件 @
8a554f12
@import
"base"
;
$container-width
:
500px
!
default
;
$logo-font-size
:
55px
!
default
;
$button-font-size
:
13px
!
default
;
$dark-button-bg
:
#2d2d2d
!
default
;
$dark-button-text
:
#ffffff
!
default
;
$light-button-bg
:
#f5f5f5
!
default
;
$light-button-text
:
#2d2d2d
!
default
;
.page-wrap
{
padding-top
:
1px
;
width
:
$container-width
;
margin
:
auto
;
}
.btn
{
font-size
:
$button-font-size
;
padding
:
7px
10px
;
border-radius
:
3px
;
&
.btn__dark
{
background
:
$dark-button-bg
;
color
:
$dark-button-text
;
}
&
.btn__light
{
background
:
$light-button-bg
;
color
:
$light-button-text
;
}
}
section
{
margin-bottom
:
35px
;
}
.section__header
{
margin
:
80px
0
50px
;
text-align
:
center
;
display
:
block
;
padding
:
10px
10px
20px
;
h1
{
font-size
:
$logo-font-size
;
}
}
/////////////////////////////////////////
div
#sholo-popover-item
{
display
:
none
;
position
:
absolute
;
...
...
webpack.config.dev.js
浏览文件 @
8a554f12
...
...
@@ -5,13 +5,13 @@ module.exports = {
mode
:
'
development
'
,
entry
:
[
'
webpack-dev-server/client?http://localhost:3000
'
,
'
./
assets/styles/scss
/demo.scss
'
,
'
./
assets/scripts/src/sholo
.js
'
,
'
./
demo
/demo.scss
'
,
'
./
src/index
.js
'
,
],
output
:
{
path
:
path
.
join
(
__dirname
,
'
/
assets
'
),
publicPath
:
'
/
assets
/
'
,
filename
:
'
s
cripts/dist/s
holo.js
'
,
path
:
path
.
join
(
__dirname
,
'
/
dist
'
),
publicPath
:
'
/
dist
/
'
,
filename
:
'
sholo.js
'
,
libraryTarget
:
'
umd
'
,
library
:
'
Sholo
'
,
},
...
...
@@ -44,7 +44,7 @@ module.exports = {
},
plugins
:
[
new
ExtractTextPlugin
({
filename
:
'
styles/css/
demo.css
'
,
filename
:
'
demo.css
'
,
allChunks
:
true
,
}),
],
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录