mirror of
https://github.com/Amterasu/cocos-vuecli-demo.git
synced 2025-04-11 01:21:07 +00:00
init
This commit is contained in:
靳国强
parent
7924328113
commit
a8f9370ba0
51
cocosTem/.gitignore
vendored
Normal file
51
cocosTem/.gitignore
vendored
Normal file
@ -0,0 +1,51 @@
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# Fireball Projects
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
/library/
|
||||
/temp/
|
||||
/local/
|
||||
/build/
|
||||
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# npm files
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
npm-debug.log
|
||||
node_modules/
|
||||
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# Logs and databases
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
*.log
|
||||
*.sql
|
||||
*.sqlite
|
||||
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# files for debugger
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
*.sln
|
||||
*.pidb
|
||||
*.suo
|
||||
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# OS generated files
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
.DS_Store
|
||||
ehthumbs.db
|
||||
Thumbs.db
|
||||
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
# WebStorm files
|
||||
#/////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
.idea/
|
||||
|
||||
#//////////////////////////
|
||||
# VS Code files
|
||||
#//////////////////////////
|
||||
|
||||
.vscode/
|
||||
2
cocosTem/README.md
Normal file
2
cocosTem/README.md
Normal file
@ -0,0 +1,2 @@
|
||||
# hello-world
|
||||
Hello world new project template.
|
||||
6
cocosTem/assets/Scene.meta
Normal file
6
cocosTem/assets/Scene.meta
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"ver": "1.0.1",
|
||||
"uuid": "29f52784-2fca-467b-92e7-8fd9ef8c57b7",
|
||||
"isGroup": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
692
cocosTem/assets/Scene/helloworld1.fire
Normal file
692
cocosTem/assets/Scene/helloworld1.fire
Normal file
@ -0,0 +1,692 @@
|
||||
[
|
||||
{
|
||||
"__type__": "cc.SceneAsset",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"_native": "",
|
||||
"scene": {
|
||||
"__id__": 1
|
||||
}
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Scene",
|
||||
"_objFlags": 0,
|
||||
"_parent": null,
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 2
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 0,
|
||||
"height": 0
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_is3DNode": true,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"autoReleaseAssets": false,
|
||||
"_id": "2d2f792f-a40c-49bb-a189-ed176a246e49"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Canvas",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 1
|
||||
},
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 3
|
||||
},
|
||||
{
|
||||
"__id__": 5
|
||||
},
|
||||
{
|
||||
"__id__": 8
|
||||
},
|
||||
{
|
||||
"__id__": 10
|
||||
},
|
||||
{
|
||||
"__id__": 12
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 14
|
||||
},
|
||||
{
|
||||
"__id__": 15
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 252,
|
||||
"g": 252,
|
||||
"b": 252,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
480,
|
||||
320,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "a286bbGknJLZpRpxROV6M94"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Main Camera",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 4
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 0,
|
||||
"height": 0
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
260.20003889642146,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "bajsC4KotFLZ6XLFLKnycL"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Camera",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 3
|
||||
},
|
||||
"_enabled": true,
|
||||
"_cullingMask": 4294967295,
|
||||
"_clearFlags": 7,
|
||||
"_backgroundColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 255
|
||||
},
|
||||
"_depth": -1,
|
||||
"_zoomRatio": 1,
|
||||
"_targetTexture": null,
|
||||
"_fov": 60,
|
||||
"_orthoSize": 10,
|
||||
"_nearClip": 1,
|
||||
"_farClip": 4096,
|
||||
"_ortho": true,
|
||||
"_rect": {
|
||||
"__type__": "cc.Rect",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1,
|
||||
"height": 1
|
||||
},
|
||||
"_renderStages": 1,
|
||||
"_alignWithScreen": true,
|
||||
"_id": "c7r5+B15dD56dUBiNj+0KH"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "background",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 6
|
||||
},
|
||||
{
|
||||
"__id__": 7
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 27,
|
||||
"g": 38,
|
||||
"b": 46,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "e2e0crkOLxGrpMxpbC4iQg1"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Widget",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 5
|
||||
},
|
||||
"_enabled": true,
|
||||
"alignMode": 1,
|
||||
"_target": null,
|
||||
"_alignFlags": 45,
|
||||
"_left": 0,
|
||||
"_right": 0,
|
||||
"_top": 0,
|
||||
"_bottom": 0,
|
||||
"_verticalCenter": 0,
|
||||
"_horizontalCenter": 0,
|
||||
"_isAbsLeft": true,
|
||||
"_isAbsRight": true,
|
||||
"_isAbsTop": true,
|
||||
"_isAbsBottom": true,
|
||||
"_isAbsHorizontalCenter": true,
|
||||
"_isAbsVerticalCenter": true,
|
||||
"_originalWidth": 200,
|
||||
"_originalHeight": 150,
|
||||
"_id": "86+yud7pFDSrM+lsxByQvE"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Sprite",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 5
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_spriteFrame": {
|
||||
"__uuid__": "410fb916-8721-4663-bab8-34397391ace7"
|
||||
},
|
||||
"_type": 1,
|
||||
"_sizeMode": 0,
|
||||
"_fillType": 0,
|
||||
"_fillCenter": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_fillStart": 0,
|
||||
"_fillRange": 0,
|
||||
"_isTrimmedMode": true,
|
||||
"_atlas": null,
|
||||
"_id": "1bi08CbSBHsZSXfV2t6eKB"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "cocos",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 9
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 195,
|
||||
"height": 270
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
50,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "c4f30YOS65G64U2TwufdJ+2"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Sprite",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 8
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_spriteFrame": {
|
||||
"__uuid__": "31bc895a-c003-4566-a9f3-2e54ae1c17dc"
|
||||
},
|
||||
"_type": 0,
|
||||
"_sizeMode": 1,
|
||||
"_fillType": 0,
|
||||
"_fillCenter": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_fillStart": 0,
|
||||
"_fillRange": 0,
|
||||
"_isTrimmedMode": true,
|
||||
"_atlas": null,
|
||||
"_id": "42SM+92GZAXYsjLj89MLM+"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "label",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 11
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 180,
|
||||
"height": 75.6
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
-180,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "31f1bH7V69Ajr1iXhluMpTB"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 10
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_useOriginalSize": false,
|
||||
"_string": "场景一",
|
||||
"_N$string": "场景一",
|
||||
"_fontSize": 60,
|
||||
"_lineHeight": 60,
|
||||
"_enableWrapText": true,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 0,
|
||||
"_N$cacheMode": 0,
|
||||
"_id": "74saCdhnNHjbyDsdd1bTTt"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "start",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 13
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 0,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 360,
|
||||
"height": 75.6
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
-2.689,
|
||||
228.739,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "a4hq+O8n9Ku6fPkInwkYqy"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 12
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_useOriginalSize": false,
|
||||
"_string": "游戏已经开始",
|
||||
"_N$string": "游戏已经开始",
|
||||
"_fontSize": 60,
|
||||
"_lineHeight": 60,
|
||||
"_enableWrapText": true,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 0,
|
||||
"_N$cacheMode": 0,
|
||||
"_id": "19R1zEAyhNW7DqaCbkPuSQ"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Canvas",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_enabled": true,
|
||||
"_designResolution": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_fitWidth": false,
|
||||
"_fitHeight": true,
|
||||
"_id": "6f5cteKmlPh6NGUsUqxlFR"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Widget",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_enabled": true,
|
||||
"alignMode": 1,
|
||||
"_target": null,
|
||||
"_alignFlags": 45,
|
||||
"_left": 0,
|
||||
"_right": 0,
|
||||
"_top": 0,
|
||||
"_bottom": 0,
|
||||
"_verticalCenter": 0,
|
||||
"_horizontalCenter": 0,
|
||||
"_isAbsLeft": true,
|
||||
"_isAbsRight": true,
|
||||
"_isAbsTop": true,
|
||||
"_isAbsBottom": true,
|
||||
"_isAbsHorizontalCenter": true,
|
||||
"_isAbsVerticalCenter": true,
|
||||
"_originalWidth": 0,
|
||||
"_originalHeight": 0,
|
||||
"_id": "99b3jBgkdOd72Zkl4/Otpp"
|
||||
}
|
||||
]
|
||||
7
cocosTem/assets/Scene/helloworld1.fire.meta
Normal file
7
cocosTem/assets/Scene/helloworld1.fire.meta
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"ver": "1.2.7",
|
||||
"uuid": "2d2f792f-a40c-49bb-a189-ed176a246e49",
|
||||
"asyncLoadAssets": false,
|
||||
"autoReleaseAssets": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
816
cocosTem/assets/Scene/helloworld2.fire
Normal file
816
cocosTem/assets/Scene/helloworld2.fire
Normal file
@ -0,0 +1,816 @@
|
||||
[
|
||||
{
|
||||
"__type__": "cc.SceneAsset",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"_native": "",
|
||||
"scene": {
|
||||
"__id__": 1
|
||||
}
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Scene",
|
||||
"_objFlags": 0,
|
||||
"_parent": null,
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 2
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 0,
|
||||
"height": 0
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_is3DNode": true,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"autoReleaseAssets": false,
|
||||
"_id": "f9a417c7-2760-4487-9752-b2bf9d52d0cd"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Canvas",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 1
|
||||
},
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 3
|
||||
},
|
||||
{
|
||||
"__id__": 5
|
||||
},
|
||||
{
|
||||
"__id__": 8
|
||||
},
|
||||
{
|
||||
"__id__": 13
|
||||
},
|
||||
{
|
||||
"__id__": 16
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 18
|
||||
},
|
||||
{
|
||||
"__id__": 19
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 252,
|
||||
"g": 252,
|
||||
"b": 252,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
480,
|
||||
320,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "a286bbGknJLZpRpxROV6M94"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Main Camera",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 4
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 0,
|
||||
"height": 0
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
260.20003889642146,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "bajsC4KotFLZ6XLFLKnycL"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Camera",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 3
|
||||
},
|
||||
"_enabled": true,
|
||||
"_cullingMask": 4294967295,
|
||||
"_clearFlags": 7,
|
||||
"_backgroundColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 255
|
||||
},
|
||||
"_depth": -1,
|
||||
"_zoomRatio": 1,
|
||||
"_targetTexture": null,
|
||||
"_fov": 60,
|
||||
"_orthoSize": 10,
|
||||
"_nearClip": 1,
|
||||
"_farClip": 4096,
|
||||
"_ortho": true,
|
||||
"_rect": {
|
||||
"__type__": "cc.Rect",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1,
|
||||
"height": 1
|
||||
},
|
||||
"_renderStages": 1,
|
||||
"_alignWithScreen": true,
|
||||
"_id": "c7r5+B15dD56dUBiNj+0KH"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "background",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 6
|
||||
},
|
||||
{
|
||||
"__id__": 7
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 27,
|
||||
"g": 38,
|
||||
"b": 46,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "e2e0crkOLxGrpMxpbC4iQg1"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Widget",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 5
|
||||
},
|
||||
"_enabled": true,
|
||||
"alignMode": 1,
|
||||
"_target": null,
|
||||
"_alignFlags": 45,
|
||||
"_left": 0,
|
||||
"_right": 0,
|
||||
"_top": 0,
|
||||
"_bottom": 0,
|
||||
"_verticalCenter": 0,
|
||||
"_horizontalCenter": 0,
|
||||
"_isAbsLeft": true,
|
||||
"_isAbsRight": true,
|
||||
"_isAbsTop": true,
|
||||
"_isAbsBottom": true,
|
||||
"_isAbsHorizontalCenter": true,
|
||||
"_isAbsVerticalCenter": true,
|
||||
"_originalWidth": 200,
|
||||
"_originalHeight": 150,
|
||||
"_id": "86+yud7pFDSrM+lsxByQvE"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Sprite",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 5
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_spriteFrame": {
|
||||
"__uuid__": "410fb916-8721-4663-bab8-34397391ace7"
|
||||
},
|
||||
"_type": 1,
|
||||
"_sizeMode": 0,
|
||||
"_fillType": 0,
|
||||
"_fillCenter": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_fillStart": 0,
|
||||
"_fillRange": 0,
|
||||
"_isTrimmedMode": true,
|
||||
"_atlas": null,
|
||||
"_id": "1bi08CbSBHsZSXfV2t6eKB"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "cocos",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 9
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 11
|
||||
},
|
||||
{
|
||||
"__id__": 12
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 163,
|
||||
"g": 169,
|
||||
"b": 215,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 195,
|
||||
"height": 270
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
50,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "c4f30YOS65G64U2TwufdJ+2"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "label copy",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 8
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 10
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 80,
|
||||
"height": 75.6
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
-67.446,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "7fpk8dYSZHUqhhA8izl2yc"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 9
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_useOriginalSize": false,
|
||||
"_string": "点我",
|
||||
"_N$string": "点我",
|
||||
"_fontSize": 40,
|
||||
"_lineHeight": 60,
|
||||
"_enableWrapText": true,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 0,
|
||||
"_N$cacheMode": 0,
|
||||
"_id": "5bqdY+nJFOLZy5zju4uvgV"
|
||||
},
|
||||
{
|
||||
"__type__": "280c3rsZJJKnZ9RqbALVwtK",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 8
|
||||
},
|
||||
"_enabled": true,
|
||||
"_id": "9apaRusDREA7cns5r4lASF"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Sprite",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 8
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_spriteFrame": {
|
||||
"__uuid__": "31bc895a-c003-4566-a9f3-2e54ae1c17dc"
|
||||
},
|
||||
"_type": 0,
|
||||
"_sizeMode": 1,
|
||||
"_fillType": 0,
|
||||
"_fillCenter": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_fillStart": 0,
|
||||
"_fillRange": 0,
|
||||
"_isTrimmedMode": true,
|
||||
"_atlas": null,
|
||||
"_id": "42SM+92GZAXYsjLj89MLM+"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "label",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 14
|
||||
},
|
||||
{
|
||||
"__id__": 15
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 120,
|
||||
"height": 75.6
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
-180,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "31f1bH7V69Ajr1iXhluMpTB"
|
||||
},
|
||||
{
|
||||
"__type__": "280c3rsZJJKnZ9RqbALVwtK",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 13
|
||||
},
|
||||
"_enabled": true,
|
||||
"_id": "6baj3CQdBEiY9nOoO8f78d"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 13
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_useOriginalSize": false,
|
||||
"_string": "点我",
|
||||
"_N$string": "点我",
|
||||
"_fontSize": 60,
|
||||
"_lineHeight": 60,
|
||||
"_enableWrapText": true,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 0,
|
||||
"_N$cacheMode": 0,
|
||||
"_id": "74saCdhnNHjbyDsdd1bTTt"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "start",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 17
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 0,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 240,
|
||||
"height": 75.6
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
-2.689,
|
||||
228.739,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "9dP/51SK5KaaGnHV3pyiu+"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 16
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_useOriginalSize": false,
|
||||
"_string": "游戏已经开始",
|
||||
"_N$string": "游戏已经开始",
|
||||
"_fontSize": 60,
|
||||
"_lineHeight": 60,
|
||||
"_enableWrapText": true,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 0,
|
||||
"_N$cacheMode": 0,
|
||||
"_id": "88xe+64S1Pi4WXePlAzXuO"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Canvas",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_enabled": true,
|
||||
"_designResolution": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"_fitWidth": true,
|
||||
"_fitHeight": true,
|
||||
"_id": "6f5cteKmlPh6NGUsUqxlFR"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Widget",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_enabled": true,
|
||||
"alignMode": 1,
|
||||
"_target": null,
|
||||
"_alignFlags": 45,
|
||||
"_left": 0,
|
||||
"_right": 0,
|
||||
"_top": 0,
|
||||
"_bottom": 0,
|
||||
"_verticalCenter": 0,
|
||||
"_horizontalCenter": 0,
|
||||
"_isAbsLeft": true,
|
||||
"_isAbsRight": true,
|
||||
"_isAbsTop": true,
|
||||
"_isAbsBottom": true,
|
||||
"_isAbsHorizontalCenter": true,
|
||||
"_isAbsVerticalCenter": true,
|
||||
"_originalWidth": 0,
|
||||
"_originalHeight": 0,
|
||||
"_id": "5a1vk9sfZDY4JvjsCOVU1b"
|
||||
}
|
||||
]
|
||||
7
cocosTem/assets/Scene/helloworld2.fire.meta
Normal file
7
cocosTem/assets/Scene/helloworld2.fire.meta
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"ver": "1.2.7",
|
||||
"uuid": "f9a417c7-2760-4487-9752-b2bf9d52d0cd",
|
||||
"asyncLoadAssets": false,
|
||||
"autoReleaseAssets": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
6
cocosTem/assets/Script.meta
Normal file
6
cocosTem/assets/Script.meta
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"ver": "1.0.1",
|
||||
"uuid": "4734c20c-0db8-4eb2-92ea-e692f4d70934",
|
||||
"isGroup": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
20
cocosTem/assets/Script/emitNode.js
Normal file
20
cocosTem/assets/Script/emitNode.js
Normal file
@ -0,0 +1,20 @@
|
||||
cc.Class({
|
||||
extends: cc.Component,
|
||||
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
onLoad: function () {
|
||||
this.node.on(
|
||||
cc.Node.EventType.TOUCH_END,
|
||||
e => {
|
||||
e.stopPropagation();
|
||||
if (window.eventBus) {
|
||||
window.eventBus.emit('WEB_MSG_TYPE.SELECT_NODE', e.currentTarget);
|
||||
}
|
||||
},
|
||||
this
|
||||
);
|
||||
},
|
||||
});
|
||||
9
cocosTem/assets/Script/emitNode.js.meta
Normal file
9
cocosTem/assets/Script/emitNode.js.meta
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"ver": "1.0.8",
|
||||
"uuid": "280c3aec-6492-4a9d-9f51-a9b00b570b4a",
|
||||
"isPlugin": false,
|
||||
"loadPluginInWeb": true,
|
||||
"loadPluginInNative": true,
|
||||
"loadPluginInEditor": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
6
cocosTem/assets/Texture.meta
Normal file
6
cocosTem/assets/Texture.meta
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"ver": "1.0.1",
|
||||
"uuid": "7b81d4e8-ec84-4716-968d-500ac1d78a54",
|
||||
"isGroup": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
BIN
cocosTem/assets/Texture/HelloWorld.png
Normal file
BIN
cocosTem/assets/Texture/HelloWorld.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
36
cocosTem/assets/Texture/HelloWorld.png.meta
Normal file
36
cocosTem/assets/Texture/HelloWorld.png.meta
Normal file
@ -0,0 +1,36 @@
|
||||
{
|
||||
"ver": "2.3.4",
|
||||
"uuid": "6aa0aa6a-ebee-4155-a088-a687a6aadec4",
|
||||
"type": "sprite",
|
||||
"wrapMode": "clamp",
|
||||
"filterMode": "bilinear",
|
||||
"premultiplyAlpha": false,
|
||||
"genMipmaps": false,
|
||||
"packable": true,
|
||||
"width": 195,
|
||||
"height": 270,
|
||||
"platformSettings": {},
|
||||
"subMetas": {
|
||||
"HelloWorld": {
|
||||
"ver": "1.0.4",
|
||||
"uuid": "31bc895a-c003-4566-a9f3-2e54ae1c17dc",
|
||||
"rawTextureUuid": "6aa0aa6a-ebee-4155-a088-a687a6aadec4",
|
||||
"trimType": "auto",
|
||||
"trimThreshold": 1,
|
||||
"rotated": false,
|
||||
"offsetX": 0,
|
||||
"offsetY": 0,
|
||||
"trimX": 0,
|
||||
"trimY": 0,
|
||||
"width": 195,
|
||||
"height": 270,
|
||||
"rawWidth": 195,
|
||||
"rawHeight": 270,
|
||||
"borderTop": 0,
|
||||
"borderBottom": 0,
|
||||
"borderLeft": 0,
|
||||
"borderRight": 0,
|
||||
"subMetas": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
cocosTem/assets/Texture/singleColor.png
Normal file
BIN
cocosTem/assets/Texture/singleColor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
36
cocosTem/assets/Texture/singleColor.png.meta
Normal file
36
cocosTem/assets/Texture/singleColor.png.meta
Normal file
@ -0,0 +1,36 @@
|
||||
{
|
||||
"ver": "2.3.4",
|
||||
"uuid": "a8027877-d8d6-4645-97a0-52d4a0123dba",
|
||||
"type": "sprite",
|
||||
"wrapMode": "clamp",
|
||||
"filterMode": "bilinear",
|
||||
"premultiplyAlpha": false,
|
||||
"genMipmaps": false,
|
||||
"packable": true,
|
||||
"width": 2,
|
||||
"height": 2,
|
||||
"platformSettings": {},
|
||||
"subMetas": {
|
||||
"singleColor": {
|
||||
"ver": "1.0.4",
|
||||
"uuid": "410fb916-8721-4663-bab8-34397391ace7",
|
||||
"rawTextureUuid": "a8027877-d8d6-4645-97a0-52d4a0123dba",
|
||||
"trimType": "auto",
|
||||
"trimThreshold": 1,
|
||||
"rotated": false,
|
||||
"offsetX": 0,
|
||||
"offsetY": 0,
|
||||
"trimX": 0,
|
||||
"trimY": 0,
|
||||
"width": 2,
|
||||
"height": 2,
|
||||
"rawWidth": 2,
|
||||
"rawHeight": 2,
|
||||
"borderTop": 0,
|
||||
"borderBottom": 0,
|
||||
"borderLeft": 0,
|
||||
"borderRight": 0,
|
||||
"subMetas": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
7
cocosTem/assets/migration.meta
Normal file
7
cocosTem/assets/migration.meta
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"ver": "1.0.1",
|
||||
"uuid": "c591e2ea-99c7-43fe-bb67-06c67bb74c67",
|
||||
"isSubpackage": false,
|
||||
"subpackageName": "",
|
||||
"subMetas": {}
|
||||
}
|
||||
17
cocosTem/assets/migration/use_v2.1-2.2.1_cc.Toggle_event.js
Normal file
17
cocosTem/assets/migration/use_v2.1-2.2.1_cc.Toggle_event.js
Normal file
@ -0,0 +1,17 @@
|
||||
/*
|
||||
* This script is automatically generated by Cocos Creator and is only used for projects compatible with the v2.1.0 ～ 2.2.1 version.
|
||||
* You do not need to manually add this script in any other project.
|
||||
* If you don't use cc.Toggle in your project, you can delete this script directly.
|
||||
* If your project is hosted in VCS such as git, submit this script together.
|
||||
*
|
||||
* 此脚本由 Cocos Creator 自动生成，仅用于兼容 v2.1.0 ~ 2.2.1 版本的工程，
|
||||
* 你无需在任何其它项目中手动添加此脚本。
|
||||
* 如果你的项目中没用到 Toggle，可直接删除该脚本。
|
||||
* 如果你的项目有托管于 git 等版本库，请将此脚本一并上传。
|
||||
*/
|
||||
|
||||
if (cc.Toggle) {
|
||||
// Whether to trigger 'toggle' and 'checkEvents' events when modifying 'toggle.isChecked' in the code
|
||||
// 在代码中修改 'toggle.isChecked' 时是否触发 'toggle' 与 'checkEvents' 事件
|
||||
cc.Toggle._triggerEventInScript_isChecked = true;
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
{
|
||||
"ver": "1.0.8",
|
||||
"uuid": "7cbbe4d5-14ab-47f4-a440-6683133e72bb",
|
||||
"isPlugin": false,
|
||||
"loadPluginInWeb": true,
|
||||
"loadPluginInNative": true,
|
||||
"loadPluginInEditor": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
88
cocosTem/assets/web2gameSDk.ts
Normal file
88
cocosTem/assets/web2gameSDk.ts
Normal file
@ -0,0 +1,88 @@
|
||||
cc.web2cocosSDK = {
|
||||
// 根据页码切换游戏
|
||||
changeGameByPageIndex: (pageIndex, callback) => { },
|
||||
/**
|
||||
* 加载场景
|
||||
*
|
||||
* @param {String} sceneName 场景名字
|
||||
* @param {*} callFunc
|
||||
*/
|
||||
loadScene(sceneName) {
|
||||
return new Promise((resolve, reject) => {
|
||||
cc.director.loadScene(sceneName, err => {
|
||||
if (!err) {
|
||||
resolve(sceneName)
|
||||
} else {
|
||||
reject(err);
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 加载游戏（prefab）
|
||||
*
|
||||
* @param {String} name 图片名称
|
||||
* @param {Function} callFunc
|
||||
*/
|
||||
loadGame: (gameName, callFunc) => { },
|
||||
|
||||
// 卸载游戏
|
||||
unloadGame: () => {
|
||||
},
|
||||
/**
|
||||
* 加载自定义的图片
|
||||
*
|
||||
* @param {String} name 图片名称
|
||||
* @param {Function} callFunc
|
||||
*/
|
||||
loadCustomImage(name, callFunc) {
|
||||
// cc.loader.load('../cocos-build/web-mobile/custom/' + name, callFunc);
|
||||
},
|
||||
//
|
||||
/**
|
||||
* 重置game分辨率
|
||||
*
|
||||
* @param {cc.Vec2} editorSize {width:2048,height:1152}
|
||||
* @param {number} ratio 缩放的倍率
|
||||
* @param {Function} callFunc
|
||||
*/
|
||||
updateResolution(editorSize, ratio, callFunc) {
|
||||
var gameDiv = document.getElementById('GameDiv');
|
||||
cc.view.setDesignResolutionSize(
|
||||
editorSize.width,
|
||||
editorSize.height,
|
||||
cc.ResolutionPolicy.FIXED_WIDTH
|
||||
);
|
||||
gameDiv.style.width = editorSize.width / ratio + 'px';
|
||||
gameDiv.style.height = editorSize.height / ratio + 'px';
|
||||
cc.view.setCanvasSize(editorSize.width / ratio, editorSize.height / ratio);
|
||||
console.log(editorSize);
|
||||
callFunc && callFunc();
|
||||
},
|
||||
/**
|
||||
* 设置节点属性
|
||||
*
|
||||
* @param {*} { node, attribute, value }
|
||||
* @returns
|
||||
*/
|
||||
setNodeAttribute({ node, attribute, value }) {
|
||||
if (!node) {
|
||||
console.log('不存在节点');
|
||||
return;
|
||||
} else {
|
||||
node[attribute] = value;
|
||||
console.log('设置成功:' + attribute);
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 触发cocos内的事件系统
|
||||
*
|
||||
* @param {*} eventName
|
||||
* @param {*} params
|
||||
*/
|
||||
emitGameEvt(eventName, params) {
|
||||
// EVT.emit(eventName, params);
|
||||
cc.find('Canvas/start').opacity = 0;
|
||||
cc.tween(cc.find('Canvas/start')).to(0.5, { opacity: 255 }).start()
|
||||
}
|
||||
};
|
||||
9
cocosTem/assets/web2gameSDk.ts.meta
Normal file
9
cocosTem/assets/web2gameSDk.ts.meta
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"ver": "1.0.8",
|
||||
"uuid": "748bbd8a-dbdb-483c-b426-3e2bfdbe1873",
|
||||
"isPlugin": false,
|
||||
"loadPluginInWeb": true,
|
||||
"loadPluginInNative": true,
|
||||
"loadPluginInEditor": false,
|
||||
"subMetas": {}
|
||||
}
|
||||
30663
cocosTem/creator.d.ts
vendored
Normal file
30663
cocosTem/creator.d.ts
vendored
Normal file
File diff suppressed because it is too large
Load Diff
15
cocosTem/jsconfig.json
Normal file
15
cocosTem/jsconfig.json
Normal file
@ -0,0 +1,15 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es6",
|
||||
"module": "commonjs",
|
||||
"experimentalDecorators": true
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
".vscode",
|
||||
"library",
|
||||
"local",
|
||||
"settings",
|
||||
"temp"
|
||||
]
|
||||
}
|
||||
7
cocosTem/project.json
Normal file
7
cocosTem/project.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"engine": "cocos2d-html5",
|
||||
"packages": "packages",
|
||||
"version": "2.3.4",
|
||||
"id": "45bbc909-9dc1-4d76-aa37-9bf96a2e5737",
|
||||
"isNew": false
|
||||
}
|
||||
43
cocosTem/settings/builder.json
Normal file
43
cocosTem/settings/builder.json
Normal file
@ -0,0 +1,43 @@
|
||||
{
|
||||
"excludeScenes": [],
|
||||
"orientation": {
|
||||
"landscapeLeft": true,
|
||||
"landscapeRight": true,
|
||||
"portrait": false,
|
||||
"upsideDown": false
|
||||
},
|
||||
"packageName": "org.cocos2d.helloworld",
|
||||
"startScene": "2d2f792f-a40c-49bb-a189-ed176a246e49",
|
||||
"title": "hello_world",
|
||||
"webOrientation": "auto",
|
||||
"includeSDKBox": false,
|
||||
"inlineSpriteFrames": true,
|
||||
"inlineSpriteFrames_native": true,
|
||||
"mergeStartScene": false,
|
||||
"optimizeHotUpdate": false,
|
||||
"md5Cache": false,
|
||||
"encryptJs": true,
|
||||
"xxteaKey": "46b6f4ef-a734-46",
|
||||
"zipCompressJs": true,
|
||||
"fb-instant-games": {},
|
||||
"android": {
|
||||
"packageName": "org.cocos2d.demo"
|
||||
},
|
||||
"ios": {
|
||||
"packageName": "org.cocos2d.demo"
|
||||
},
|
||||
"mac": {
|
||||
"packageName": "org.cocos2d.demo"
|
||||
},
|
||||
"win32": {},
|
||||
"android-instant": {
|
||||
"REMOTE_SERVER_ROOT": "",
|
||||
"host": "",
|
||||
"packageName": "org.cocos2d.demo",
|
||||
"pathPattern": "",
|
||||
"recordPath": "",
|
||||
"scheme": "https",
|
||||
"skipRecord": false
|
||||
},
|
||||
"appBundle": false
|
||||
}
|
||||
7
cocosTem/settings/builder.panel.json
Normal file
7
cocosTem/settings/builder.panel.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"excludeScenes": [],
|
||||
"packageName": "org.cocos2d.helloworld",
|
||||
"platform": "web-mobile",
|
||||
"startScene": "2d2f792f-a40c-49bb-a189-ed176a246e49",
|
||||
"title": "HelloWorld"
|
||||
}
|
||||
42
cocosTem/settings/project.json
Normal file
42
cocosTem/settings/project.json
Normal file
@ -0,0 +1,42 @@
|
||||
{
|
||||
"collision-matrix": [
|
||||
[
|
||||
true
|
||||
]
|
||||
],
|
||||
"excluded-modules": [
|
||||
"3D Physics/cannon.js",
|
||||
"3D Physics/Builtin",
|
||||
"3D Particle"
|
||||
],
|
||||
"group-list": [
|
||||
"default"
|
||||
],
|
||||
"start-scene": "2d2f792f-a40c-49bb-a189-ed176a246e49",
|
||||
"design-resolution-width": 960,
|
||||
"design-resolution-height": 640,
|
||||
"fit-width": false,
|
||||
"fit-height": true,
|
||||
"use-project-simulator-setting": false,
|
||||
"simulator-orientation": false,
|
||||
"use-customize-simulator": false,
|
||||
"simulator-resolution": {
|
||||
"width": 960,
|
||||
"height": 640
|
||||
},
|
||||
"last-module-event-record-time": 1617852160242,
|
||||
"assets-sort-type": "name",
|
||||
"facebook": {
|
||||
"enable": false,
|
||||
"appID": "",
|
||||
"live": {
|
||||
"enable": false
|
||||
},
|
||||
"audience": {
|
||||
"enable": false
|
||||
}
|
||||
},
|
||||
"migrate-history": [
|
||||
"cloud-function"
|
||||
]
|
||||
}
|
||||
6
cocosTem/settings/services.json
Normal file
6
cocosTem/settings/services.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"game": {
|
||||
"name": "未知游戏",
|
||||
"appid": "UNKNOW"
|
||||
}
|
||||
}
|
||||
BIN
cocosTem/template-banner.png
Normal file
BIN
cocosTem/template-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
5
cocosTem/template.json
Normal file
5
cocosTem/template.json
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "TEMPLATES.helloworld.name",
|
||||
"desc": "TEMPLATES.helloworld.desc",
|
||||
"banner": "template-banner.png"
|
||||
}
|
||||
19
cocosTem/tsconfig.json
Normal file
19
cocosTem/tsconfig.json
Normal file
@ -0,0 +1,19 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"lib": [ "es2015", "es2017", "dom" ],
|
||||
"target": "es5",
|
||||
"experimentalDecorators": true,
|
||||
"skipLibCheck": true,
|
||||
"outDir": "temp/vscode-dist",
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"library",
|
||||
"local",
|
||||
"temp",
|
||||
"build",
|
||||
"settings"
|
||||
]
|
||||
}
|
||||
12
vueTem/.babelrc
Normal file
12
vueTem/.babelrc
Normal file
@ -0,0 +1,12 @@
|
||||
{
|
||||
"presets": [
|
||||
["env", {
|
||||
"modules": false,
|
||||
"targets": {
|
||||
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
|
||||
}
|
||||
}],
|
||||
"stage-2"
|
||||
],
|
||||
"plugins": ["transform-vue-jsx", "transform-runtime"]
|
||||
}
|
||||
9
vueTem/.editorconfig
Normal file
9
vueTem/.editorconfig
Normal file
@ -0,0 +1,9 @@
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
4
vueTem/.eslintignore
Normal file
4
vueTem/.eslintignore
Normal file
@ -0,0 +1,4 @@
|
||||
/build/
|
||||
/config/
|
||||
/dist/
|
||||
/*.js
|
||||
30
vueTem/.eslintrc.js
Normal file
30
vueTem/.eslintrc.js
Normal file
@ -0,0 +1,30 @@
|
||||
// https://eslint.org/docs/user-guide/configuring
|
||||
|
||||
module.exports = {
|
||||
root: true,
|
||||
parserOptions: {
|
||||
parser: 'babel-eslint'
|
||||
},
|
||||
env: {
|
||||
browser: true,
|
||||
},
|
||||
extends: [
|
||||
// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
|
||||
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
|
||||
'plugin:vue/essential',
|
||||
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
|
||||
'standard'
|
||||
],
|
||||
// required to lint *.vue files
|
||||
plugins: [
|
||||
'vue'
|
||||
],
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
// allow async-await
|
||||
'generator-star-spacing': 'off',
|
||||
// allow debugger during development
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
|
||||
"no-tabs": "off"
|
||||
}
|
||||
}
|
||||
14
vueTem/.gitignore
vendored
Normal file
14
vueTem/.gitignore
vendored
Normal file
@ -0,0 +1,14 @@
|
||||
.DS_Store
|
||||
node_modules/
|
||||
dist/
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
10
vueTem/.postcssrc.js
Normal file
10
vueTem/.postcssrc.js
Normal file
@ -0,0 +1,10 @@
|
||||
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
||||
module.exports = {
|
||||
"plugins": {
|
||||
"postcss-import": {},
|
||||
"postcss-url": {},
|
||||
// to edit target browsers: use "browserslist" field in package.json
|
||||
"autoprefixer": {}
|
||||
}
|
||||
}
|
||||
4
vueTem/.prettierrc.json
Normal file
4
vueTem/.prettierrc.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"singleQuote": true,
|
||||
"semi": false
|
||||
}
|
||||
12
vueTem/README.md
Normal file
12
vueTem/README.md
Normal file
@ -0,0 +1,12 @@
|
||||
# jgq
|
||||
>内容组优秀游戏模板展示
|
||||
|
||||
|
||||
加入游戏的流程：
|
||||
在trunk的cocos_trunk_web分支加上这个游戏，然后截图一个封面图，然后把封面图放入cover目录下。
|
||||
在vue项目中的configSample中加入对应的配置。
|
||||
|
||||
发布流程：
|
||||
首先将代码push上去，push之前不用打包。
|
||||
http://jenkins.100daishu.com/job/sample/ 去这个网址发布。没账号没权限找福浩（运维）要。
|
||||
点击左侧 Build with Parameters按钮，选择master分支然后写上版本号，点击开始构建。
|
||||
41
vueTem/build/build.js
Normal file
41
vueTem/build/build.js
Normal file
@ -0,0 +1,41 @@
|
||||
'use strict'
|
||||
require('./check-versions')()
|
||||
|
||||
process.env.NODE_ENV = 'production'
|
||||
|
||||
const ora = require('ora')
|
||||
const rm = require('rimraf')
|
||||
const path = require('path')
|
||||
const chalk = require('chalk')
|
||||
const webpack = require('webpack')
|
||||
const config = require('../config')
|
||||
const webpackConfig = require('./webpack.prod.conf')
|
||||
|
||||
const spinner = ora('building for production...')
|
||||
spinner.start()
|
||||
|
||||
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
|
||||
if (err) throw err
|
||||
webpack(webpackConfig, (err, stats) => {
|
||||
spinner.stop()
|
||||
if (err) throw err
|
||||
process.stdout.write(stats.toString({
|
||||
colors: true,
|
||||
modules: false,
|
||||
children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
|
||||
chunks: false,
|
||||
chunkModules: false
|
||||
}) + '\n\n')
|
||||
|
||||
if (stats.hasErrors()) {
|
||||
console.log(chalk.red(' Build failed with errors.\n'))
|
||||
process.exit(1)
|
||||
}
|
||||
|
||||
console.log(chalk.cyan(' Build complete.\n'))
|
||||
console.log(chalk.yellow(
|
||||
' Tip: built files are meant to be served over an HTTP server.\n' +
|
||||
' Opening index.html over file:// won\'t work.\n'
|
||||
))
|
||||
})
|
||||
})
|
||||
54
vueTem/build/check-versions.js
Normal file
54
vueTem/build/check-versions.js
Normal file
@ -0,0 +1,54 @@
|
||||
'use strict'
|
||||
const chalk = require('chalk')
|
||||
const semver = require('semver')
|
||||
const packageConfig = require('../package.json')
|
||||
const shell = require('shelljs')
|
||||
|
||||
function exec (cmd) {
|
||||
return require('child_process').execSync(cmd).toString().trim()
|
||||
}
|
||||
|
||||
const versionRequirements = [
|
||||
{
|
||||
name: 'node',
|
||||
currentVersion: semver.clean(process.version),
|
||||
versionRequirement: packageConfig.engines.node
|
||||
}
|
||||
]
|
||||
|
||||
if (shell.which('npm')) {
|
||||
versionRequirements.push({
|
||||
name: 'npm',
|
||||
currentVersion: exec('npm --version'),
|
||||
versionRequirement: packageConfig.engines.npm
|
||||
})
|
||||
}
|
||||
|
||||
module.exports = function () {
|
||||
const warnings = []
|
||||
|
||||
for (let i = 0; i < versionRequirements.length; i++) {
|
||||
const mod = versionRequirements[i]
|
||||
|
||||
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
|
||||
warnings.push(mod.name + ': ' +
|
||||
chalk.red(mod.currentVersion) + ' should be ' +
|
||||
chalk.green(mod.versionRequirement)
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
if (warnings.length) {
|
||||
console.log('')
|
||||
console.log(chalk.yellow('To use this template, you must update following to modules:'))
|
||||
console.log()
|
||||
|
||||
for (let i = 0; i < warnings.length; i++) {
|
||||
const warning = warnings[i]
|
||||
console.log(' ' + warning)
|
||||
}
|
||||
|
||||
console.log()
|
||||
process.exit(1)
|
||||
}
|
||||
}
|
||||
BIN
vueTem/build/logo.png
Normal file
BIN
vueTem/build/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
101
vueTem/build/utils.js
Normal file
101
vueTem/build/utils.js
Normal file
@ -0,0 +1,101 @@
|
||||
'use strict'
|
||||
const path = require('path')
|
||||
const config = require('../config')
|
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin')
|
||||
const packageConfig = require('../package.json')
|
||||
|
||||
exports.assetsPath = function (_path) {
|
||||
const assetsSubDirectory = process.env.NODE_ENV === 'production'
|
||||
? config.build.assetsSubDirectory
|
||||
: config.dev.assetsSubDirectory
|
||||
|
||||
return path.posix.join(assetsSubDirectory, _path)
|
||||
}
|
||||
|
||||
exports.cssLoaders = function (options) {
|
||||
options = options || {}
|
||||
|
||||
const cssLoader = {
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
sourceMap: options.sourceMap
|
||||
}
|
||||
}
|
||||
|
||||
const postcssLoader = {
|
||||
loader: 'postcss-loader',
|
||||
options: {
|
||||
sourceMap: options.sourceMap
|
||||
}
|
||||
}
|
||||
|
||||
// generate loader string to be used with extract text plugin
|
||||
function generateLoaders (loader, loaderOptions) {
|
||||
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
|
||||
|
||||
if (loader) {
|
||||
loaders.push({
|
||||
loader: loader + '-loader',
|
||||
options: Object.assign({}, loaderOptions, {
|
||||
sourceMap: options.sourceMap
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
// Extract CSS when that option is specified
|
||||
// (which is the case during production build)
|
||||
if (options.extract) {
|
||||
return ExtractTextPlugin.extract({
|
||||
use: loaders,
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
} else {
|
||||
return ['vue-style-loader'].concat(loaders)
|
||||
}
|
||||
}
|
||||
|
||||
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
|
||||
return {
|
||||
css: generateLoaders(),
|
||||
postcss: generateLoaders(),
|
||||
less: generateLoaders('less'),
|
||||
sass: generateLoaders('sass', { indentedSyntax: true }),
|
||||
scss: generateLoaders('sass'),
|
||||
stylus: generateLoaders('stylus'),
|
||||
styl: generateLoaders('stylus')
|
||||
}
|
||||
}
|
||||
|
||||
// Generate loaders for standalone style files (outside of .vue)
|
||||
exports.styleLoaders = function (options) {
|
||||
const output = []
|
||||
const loaders = exports.cssLoaders(options)
|
||||
|
||||
for (const extension in loaders) {
|
||||
const loader = loaders[extension]
|
||||
output.push({
|
||||
test: new RegExp('\\.' + extension + '$'),
|
||||
use: loader
|
||||
})
|
||||
}
|
||||
|
||||
return output
|
||||
}
|
||||
|
||||
exports.createNotifierCallback = () => {
|
||||
const notifier = require('node-notifier')
|
||||
|
||||
return (severity, errors) => {
|
||||
if (severity !== 'error') return
|
||||
|
||||
const error = errors[0]
|
||||
const filename = error.file && error.file.split('!').pop()
|
||||
|
||||
notifier.notify({
|
||||
title: packageConfig.name,
|
||||
message: severity + ': ' + error.name,
|
||||
subtitle: filename || '',
|
||||
icon: path.join(__dirname, 'logo.png')
|
||||
})
|
||||
}
|
||||
}
|
||||
22
vueTem/build/vue-loader.conf.js
Normal file
22
vueTem/build/vue-loader.conf.js
Normal file
@ -0,0 +1,22 @@
|
||||
'use strict'
|
||||
const utils = require('./utils')
|
||||
const config = require('../config')
|
||||
const isProduction = process.env.NODE_ENV === 'production'
|
||||
const sourceMapEnabled = isProduction
|
||||
? config.build.productionSourceMap
|
||||
: config.dev.cssSourceMap
|
||||
|
||||
module.exports = {
|
||||
loaders: utils.cssLoaders({
|
||||
sourceMap: sourceMapEnabled,
|
||||
extract: isProduction
|
||||
}),
|
||||
cssSourceMap: sourceMapEnabled,
|
||||
cacheBusting: config.dev.cacheBusting,
|
||||
transformToRequire: {
|
||||
video: ['src', 'poster'],
|
||||
source: 'src',
|
||||
img: 'src',
|
||||
image: 'xlink:href'
|
||||
}
|
||||
}
|
||||
92
vueTem/build/webpack.base.conf.js
Normal file
92
vueTem/build/webpack.base.conf.js
Normal file
@ -0,0 +1,92 @@
|
||||
'use strict'
|
||||
const path = require('path')
|
||||
const utils = require('./utils')
|
||||
const config = require('../config')
|
||||
const vueLoaderConfig = require('./vue-loader.conf')
|
||||
|
||||
function resolve (dir) {
|
||||
return path.join(__dirname, '..', dir)
|
||||
}
|
||||
|
||||
const createLintingRule = () => ({
|
||||
// test: /\.(js|vue)$/,
|
||||
// loader: 'eslint-loader',
|
||||
// enforce: 'pre',
|
||||
// include: [resolve('src'), resolve('test')],
|
||||
// options: {
|
||||
// formatter: require('eslint-friendly-formatter'),
|
||||
// emitWarning: !config.dev.showEslintErrorsInOverlay
|
||||
// }
|
||||
})
|
||||
|
||||
module.exports = {
|
||||
context: path.resolve(__dirname, '../'),
|
||||
entry: {
|
||||
app: './src/main.js'
|
||||
},
|
||||
output: {
|
||||
path: config.build.assetsRoot,
|
||||
filename: '[name].js',
|
||||
publicPath: process.env.NODE_ENV === 'production'
|
||||
? config.build.assetsPublicPath
|
||||
: config.dev.assetsPublicPath
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue', '.json'],
|
||||
alias: {
|
||||
'vue$': 'vue/dist/vue.esm.js',
|
||||
'@': resolve('src'),
|
||||
}
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
...(config.dev.useEslint ? [createLintingRule()] : []),
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: vueLoaderConfig
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 10000,
|
||||
name: utils.assetsPath('img/[name].[hash:7].[ext]')
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 10000,
|
||||
name: utils.assetsPath('media/[name].[hash:7].[ext]')
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 10000,
|
||||
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
node: {
|
||||
// prevent webpack from injecting useless setImmediate polyfill because Vue
|
||||
// source contains it (although only uses it if it's native).
|
||||
setImmediate: false,
|
||||
// prevent webpack from injecting mocks to Node native modules
|
||||
// that does not make sense for the client
|
||||
dgram: 'empty',
|
||||
fs: 'empty',
|
||||
net: 'empty',
|
||||
tls: 'empty',
|
||||
child_process: 'empty'
|
||||
}
|
||||
}
|
||||
95
vueTem/build/webpack.dev.conf.js
Normal file
95
vueTem/build/webpack.dev.conf.js
Normal file
@ -0,0 +1,95 @@
|
||||
'use strict'
|
||||
const utils = require('./utils')
|
||||
const webpack = require('webpack')
|
||||
const config = require('../config')
|
||||
const merge = require('webpack-merge')
|
||||
const path = require('path')
|
||||
const baseWebpackConfig = require('./webpack.base.conf')
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
|
||||
const portfinder = require('portfinder')
|
||||
|
||||
const HOST = process.env.HOST
|
||||
const PORT = process.env.PORT && Number(process.env.PORT)
|
||||
|
||||
const devWebpackConfig = merge(baseWebpackConfig, {
|
||||
module: {
|
||||
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
|
||||
},
|
||||
// cheap-module-eval-source-map is faster for development
|
||||
devtool: config.dev.devtool,
|
||||
|
||||
// these devServer options should be customized in /config/index.js
|
||||
devServer: {
|
||||
clientLogLevel: 'warning',
|
||||
historyApiFallback: {
|
||||
rewrites: [
|
||||
{ from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
|
||||
],
|
||||
},
|
||||
hot: true,
|
||||
contentBase: false, // since we use CopyWebpackPlugin.
|
||||
compress: true,
|
||||
host: HOST || config.dev.host,
|
||||
port: PORT || config.dev.port,
|
||||
open: config.dev.autoOpenBrowser,
|
||||
overlay: config.dev.errorOverlay
|
||||
? { warnings: false, errors: true }
|
||||
: false,
|
||||
publicPath: config.dev.assetsPublicPath,
|
||||
proxy: config.dev.proxyTable,
|
||||
quiet: true, // necessary for FriendlyErrorsPlugin
|
||||
watchOptions: {
|
||||
poll: config.dev.poll,
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': require('../config/dev.env')
|
||||
}),
|
||||
new webpack.HotModuleReplacementPlugin(),
|
||||
new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
|
||||
new webpack.NoEmitOnErrorsPlugin(),
|
||||
// https://github.com/ampedandwired/html-webpack-plugin
|
||||
new HtmlWebpackPlugin({
|
||||
filename: 'index.html',
|
||||
template: 'index.html',
|
||||
inject: true
|
||||
}),
|
||||
// copy custom static assets
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: path.resolve(__dirname, '../static'),
|
||||
to: config.dev.assetsSubDirectory,
|
||||
ignore: ['.*']
|
||||
}
|
||||
])
|
||||
]
|
||||
})
|
||||
|
||||
module.exports = new Promise((resolve, reject) => {
|
||||
portfinder.basePort = process.env.PORT || config.dev.port
|
||||
portfinder.getPort((err, port) => {
|
||||
if (err) {
|
||||
reject(err)
|
||||
} else {
|
||||
// publish the new Port, necessary for e2e tests
|
||||
process.env.PORT = port
|
||||
// add port to devServer config
|
||||
devWebpackConfig.devServer.port = port
|
||||
|
||||
// Add FriendlyErrorsPlugin
|
||||
devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
|
||||
compilationSuccessInfo: {
|
||||
messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
|
||||
},
|
||||
onErrors: config.dev.notifyOnErrors
|
||||
? utils.createNotifierCallback()
|
||||
: undefined
|
||||
}))
|
||||
|
||||
resolve(devWebpackConfig)
|
||||
}
|
||||
})
|
||||
})
|
||||
145
vueTem/build/webpack.prod.conf.js
Normal file
145
vueTem/build/webpack.prod.conf.js
Normal file
@ -0,0 +1,145 @@
|
||||
'use strict'
|
||||
const path = require('path')
|
||||
const utils = require('./utils')
|
||||
const webpack = require('webpack')
|
||||
const config = require('../config')
|
||||
const merge = require('webpack-merge')
|
||||
const baseWebpackConfig = require('./webpack.base.conf')
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin')
|
||||
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
|
||||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
|
||||
|
||||
const env = require('../config/prod.env')
|
||||
|
||||
const webpackConfig = merge(baseWebpackConfig, {
|
||||
module: {
|
||||
rules: utils.styleLoaders({
|
||||
sourceMap: config.build.productionSourceMap,
|
||||
extract: true,
|
||||
usePostCSS: true
|
||||
})
|
||||
},
|
||||
devtool: config.build.productionSourceMap ? config.build.devtool : false,
|
||||
output: {
|
||||
path: config.build.assetsRoot,
|
||||
filename: utils.assetsPath('js/[name].[chunkhash].js'),
|
||||
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
|
||||
},
|
||||
plugins: [
|
||||
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': env
|
||||
}),
|
||||
new UglifyJsPlugin({
|
||||
uglifyOptions: {
|
||||
compress: {
|
||||
warnings: false
|
||||
}
|
||||
},
|
||||
sourceMap: config.build.productionSourceMap,
|
||||
parallel: true
|
||||
}),
|
||||
// extract css into its own file
|
||||
new ExtractTextPlugin({
|
||||
filename: utils.assetsPath('css/[name].[contenthash].css'),
|
||||
// Setting the following option to `false` will not extract CSS from codesplit chunks.
|
||||
// Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
|
||||
// It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`,
|
||||
// increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
|
||||
allChunks: true,
|
||||
}),
|
||||
// Compress extracted CSS. We are using this plugin so that possible
|
||||
// duplicated CSS from different components can be deduped.
|
||||
new OptimizeCSSPlugin({
|
||||
cssProcessorOptions: config.build.productionSourceMap
|
||||
? { safe: true, map: { inline: false } }
|
||||
: { safe: true }
|
||||
}),
|
||||
// generate dist index.html with correct asset hash for caching.
|
||||
// you can customize output by editing /index.html
|
||||
// see https://github.com/ampedandwired/html-webpack-plugin
|
||||
new HtmlWebpackPlugin({
|
||||
filename: config.build.index,
|
||||
template: 'index.html',
|
||||
inject: true,
|
||||
minify: {
|
||||
removeComments: true,
|
||||
collapseWhitespace: true,
|
||||
removeAttributeQuotes: true
|
||||
// more options:
|
||||
// https://github.com/kangax/html-minifier#options-quick-reference
|
||||
},
|
||||
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
|
||||
chunksSortMode: 'dependency'
|
||||
}),
|
||||
// keep module.id stable when vendor modules does not change
|
||||
new webpack.HashedModuleIdsPlugin(),
|
||||
// enable scope hoisting
|
||||
new webpack.optimize.ModuleConcatenationPlugin(),
|
||||
// split vendor js into its own file
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'vendor',
|
||||
minChunks (module) {
|
||||
// any required modules inside node_modules are extracted to vendor
|
||||
return (
|
||||
module.resource &&
|
||||
/\.js$/.test(module.resource) &&
|
||||
module.resource.indexOf(
|
||||
path.join(__dirname, '../node_modules')
|
||||
) === 0
|
||||
)
|
||||
}
|
||||
}),
|
||||
// extract webpack runtime and module manifest to its own file in order to
|
||||
// prevent vendor hash from being updated whenever app bundle is updated
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'manifest',
|
||||
minChunks: Infinity
|
||||
}),
|
||||
// This instance extracts shared chunks from code splitted chunks and bundles them
|
||||
// in a separate chunk, similar to the vendor chunk
|
||||
// see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'app',
|
||||
async: 'vendor-async',
|
||||
children: true,
|
||||
minChunks: 3
|
||||
}),
|
||||
|
||||
// copy custom static assets
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: path.resolve(__dirname, '../static'),
|
||||
to: config.build.assetsSubDirectory,
|
||||
ignore: ['.*']
|
||||
}
|
||||
])
|
||||
]
|
||||
})
|
||||
|
||||
if (config.build.productionGzip) {
|
||||
const CompressionWebpackPlugin = require('compression-webpack-plugin')
|
||||
|
||||
webpackConfig.plugins.push(
|
||||
new CompressionWebpackPlugin({
|
||||
asset: '[path].gz[query]',
|
||||
algorithm: 'gzip',
|
||||
test: new RegExp(
|
||||
'\\.(' +
|
||||
config.build.productionGzipExtensions.join('|') +
|
||||
')$'
|
||||
),
|
||||
threshold: 10240,
|
||||
minRatio: 0.8
|
||||
})
|
||||
)
|
||||
}
|
||||
|
||||
if (config.build.bundleAnalyzerReport) {
|
||||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
|
||||
webpackConfig.plugins.push(new BundleAnalyzerPlugin())
|
||||
}
|
||||
|
||||
module.exports = webpackConfig
|
||||
7
vueTem/config/dev.env.js
Normal file
7
vueTem/config/dev.env.js
Normal file
@ -0,0 +1,7 @@
|
||||
'use strict'
|
||||
const merge = require('webpack-merge')
|
||||
const prodEnv = require('./prod.env')
|
||||
|
||||
module.exports = merge(prodEnv, {
|
||||
NODE_ENV: '"development"',
|
||||
})
|
||||
88
vueTem/config/index.js
Normal file
88
vueTem/config/index.js
Normal file
@ -0,0 +1,88 @@
|
||||
'use strict'
|
||||
// Template version: 1.3.1
|
||||
// see http://vuejs-templates.github.io/webpack for documentation.
|
||||
|
||||
const path = require('path')
|
||||
const rootPath = process.env.NODE_ENV == 'development' ? 'http://47.95.9.245:80/api' : 'http://47.95.9.245:80/api' // 设置开发环境与生产环境的接口 目前都用的服务器数据，是一样的，但是正式代码中肯定是不一样的
|
||||
console.log(rootPath);
|
||||
module.exports = {
|
||||
dev: {
|
||||
// Paths
|
||||
assetsSubDirectory: 'static',
|
||||
assetsPublicPath: '/',
|
||||
proxyTable: {
|
||||
'/api':{
|
||||
changeOrigin: true,
|
||||
target: rootPath,
|
||||
pathRewrite: {
|
||||
'^/api': ''
|
||||
}
|
||||
},
|
||||
'/uploader': {
|
||||
changeOrigin: true,
|
||||
target: 'http://47.95.9.245:80'
|
||||
}
|
||||
},
|
||||
|
||||
// Various Dev Server settings
|
||||
host: 'localhost', // can be overwritten by process.env.HOST
|
||||
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
||||
autoOpenBrowser: false,
|
||||
errorOverlay: true,
|
||||
notifyOnErrors: true,
|
||||
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
|
||||
|
||||
// Use Eslint Loader?
|
||||
// If true, your code will be linted during bundling and
|
||||
// linting errors and warnings will be shown in the console.
|
||||
useEslint: true,
|
||||
// If true, eslint errors and warnings will also be shown in the error overlay
|
||||
// in the browser.
|
||||
showEslintErrorsInOverlay: false,
|
||||
|
||||
/**
|
||||
* Source Maps
|
||||
*/
|
||||
|
||||
// https://webpack.js.org/configuration/devtool/#development
|
||||
devtool: 'cheap-module-eval-source-map',
|
||||
|
||||
// If you have problems debugging vue-files in devtools,
|
||||
// set this to false - it *may* help
|
||||
// https://vue-loader.vuejs.org/en/options.html#cachebusting
|
||||
cacheBusting: true,
|
||||
|
||||
cssSourceMap: true
|
||||
},
|
||||
|
||||
build: {
|
||||
// Template for index.html
|
||||
index: path.resolve(__dirname, '../dist/index.html'),
|
||||
|
||||
// Paths
|
||||
assetsRoot: path.resolve(__dirname, '../dist'),
|
||||
assetsSubDirectory: 'static',
|
||||
assetsPublicPath: './',
|
||||
|
||||
/**
|
||||
* Source Maps
|
||||
*/
|
||||
|
||||
productionSourceMap: true,
|
||||
// https://webpack.js.org/configuration/devtool/#production
|
||||
devtool: '#source-map',
|
||||
|
||||
// Gzip off by default as many popular static hosts such as
|
||||
// Surge or Netlify already gzip all static assets for you.
|
||||
// Before setting to `true`, make sure to:
|
||||
// npm install --save-dev compression-webpack-plugin
|
||||
productionGzip: false,
|
||||
productionGzipExtensions: ['js', 'css'],
|
||||
|
||||
// Run the build command with an extra argument to
|
||||
// View the bundle analyzer report after build finishes:
|
||||
// `npm run build --report`
|
||||
// Set to `true` or `false` to always turn it on or off
|
||||
bundleAnalyzerReport: process.env.npm_config_report
|
||||
}
|
||||
}
|
||||
4
vueTem/config/prod.env.js
Normal file
4
vueTem/config/prod.env.js
Normal file
@ -0,0 +1,4 @@
|
||||
'use strict'
|
||||
module.exports = {
|
||||
NODE_ENV: '"production"',
|
||||
}
|
||||
26
vueTem/index.html
Normal file
26
vueTem/index.html
Normal file
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<link
|
||||
href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<title>cocos-vue-demo</title>
|
||||
<script src="./static/js/EventBus.js" charset="utf-8"></script>
|
||||
<script src="./static/cocos-build/web-mobile/src/settings.js"></script>
|
||||
<script src="./static/cocos-build/web-mobile/cocos2d-js-min.js"></script>
|
||||
<script src="./static/cocos-build/web-mobile/src/project.js"></script>
|
||||
<link
|
||||
href="https://at.alicdn.com/t/font_1550750_y90c54773nj.css"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
</head>
|
||||
<body class="fit">
|
||||
<div id="app" style="display: flex;flex-direction: row;" class="fit"></div>
|
||||
</body>
|
||||
|
||||
<!-- built files will be auto injected -->
|
||||
</html>
|
||||
13159
vueTem/package-lock.json
generated
Normal file
13159
vueTem/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
84
vueTem/package.json
Normal file
84
vueTem/package.json
Normal file
@ -0,0 +1,84 @@
|
||||
{
|
||||
"name": "app",
|
||||
"version": "1.0.0",
|
||||
"description": "amterasu's first node app",
|
||||
"author": "Amterasu",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
|
||||
"start": "npm run dev",
|
||||
"lint": "eslint --ext .js,.vue src",
|
||||
"build": "node build/build.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.18.0",
|
||||
"element-ui": "^2.3.3",
|
||||
"express": "^4.16.3",
|
||||
"hanzi-writer": "^2.3.0",
|
||||
"html2canvas": "^1.0.0-rc.7",
|
||||
"vue": "^2.5.2",
|
||||
"vue-router": "^3.0.1",
|
||||
"vue-waterfall": "^1.0.6",
|
||||
"vuerify": "^0.4.0",
|
||||
"vuex": "^3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^7.1.2",
|
||||
"babel-core": "^6.22.1",
|
||||
"babel-eslint": "^8.2.1",
|
||||
"babel-helper-vue-jsx-merge-props": "^2.0.3",
|
||||
"babel-loader": "^7.1.1",
|
||||
"babel-plugin-syntax-jsx": "^6.18.0",
|
||||
"babel-plugin-transform-runtime": "^6.22.0",
|
||||
"babel-plugin-transform-vue-jsx": "^3.5.0",
|
||||
"babel-preset-env": "^1.3.2",
|
||||
"babel-preset-stage-2": "^6.22.0",
|
||||
"chalk": "^2.0.1",
|
||||
"copy-webpack-plugin": "^4.0.1",
|
||||
"css-loader": "^0.28.0",
|
||||
"eslint": "^4.15.0",
|
||||
"eslint-config-standard": "^10.2.1",
|
||||
"eslint-friendly-formatter": "^3.0.0",
|
||||
"eslint-loader": "^1.7.1",
|
||||
"eslint-plugin-import": "^2.7.0",
|
||||
"eslint-plugin-node": "^5.2.0",
|
||||
"eslint-plugin-promise": "^3.4.0",
|
||||
"eslint-plugin-standard": "^3.0.1",
|
||||
"eslint-plugin-vue": "^4.0.0",
|
||||
"extract-text-webpack-plugin": "^3.0.0",
|
||||
"file-loader": "^1.1.4",
|
||||
"friendly-errors-webpack-plugin": "^1.6.1",
|
||||
"html-webpack-plugin": "^2.30.1",
|
||||
"node-notifier": "^5.1.2",
|
||||
"node-sass": "^4.8.3",
|
||||
"optimize-css-assets-webpack-plugin": "^3.2.0",
|
||||
"ora": "^1.2.0",
|
||||
"portfinder": "^1.0.13",
|
||||
"postcss-import": "^11.0.0",
|
||||
"postcss-loader": "^2.0.8",
|
||||
"postcss-url": "^7.2.1",
|
||||
"rimraf": "^2.6.0",
|
||||
"sass-loader": "^6.0.7",
|
||||
"semver": "^5.3.0",
|
||||
"shelljs": "^0.7.6",
|
||||
"uglifyjs-webpack-plugin": "^1.1.1",
|
||||
"url-loader": "^0.5.8",
|
||||
"vue-loader": "^13.3.0",
|
||||
"vue-style-loader": "^3.0.1",
|
||||
"vue-template-compiler": "^2.5.2",
|
||||
"vue-waterfall-easy": "^1.0.8",
|
||||
"webpack": "^3.6.0",
|
||||
"webpack-bundle-analyzer": "^2.9.0",
|
||||
"webpack-dev-server": "^2.9.1",
|
||||
"webpack-merge": "^4.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6.0.0",
|
||||
"npm": ">= 3.0.0"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not ie <= 8"
|
||||
]
|
||||
}
|
||||
25
vueTem/src/App.vue
Normal file
25
vueTem/src/App.vue
Normal file
@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<the-header></the-header>
|
||||
<router-view >
|
||||
</router-view>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import creatorLoader from '../static/cocos-loader/creator-load'
|
||||
import TheHeader from './views/header/TheHeader'
|
||||
|
||||
export default {
|
||||
name: 'electron-cocos',
|
||||
components: {
|
||||
TheHeader: TheHeader
|
||||
},
|
||||
created() {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* CSS */
|
||||
</style>
|
||||
169
vueTem/src/components/BaseAlert.vue
Normal file
169
vueTem/src/components/BaseAlert.vue
Normal file
@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<div class="alert-layer f--hcc" v-show="showStatus">
|
||||
<div class="alert-box">
|
||||
<div class="alert-header f--hlc">
|
||||
<span class="icon "></span>
|
||||
<div class="">{{title}}</div>
|
||||
</div>
|
||||
<div class="alert-content">
|
||||
<div class="content f--hlc">
|
||||
<span :class="iconClass"></span>
|
||||
<div class="margin-content">
|
||||
<div class="">{{text}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn-clear sure-btn" @click="ensure">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const TYPE_CLASSES_MAP = {
|
||||
success: "am-icon-circle-check",
|
||||
warning: "am-icon-warning",
|
||||
error: "am-icon-circle-cross"
|
||||
};
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showStatus: this.show,
|
||||
text: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
ensure() {
|
||||
this.showStatus = false;
|
||||
this.$emit("update:show", this.showStatus);
|
||||
this.$emit("ensure");
|
||||
}
|
||||
},
|
||||
props: {
|
||||
show: {
|
||||
// 开关的状态
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
value: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
title: {
|
||||
type: [String, Number],
|
||||
default: "提示"
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: "info"
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.text = newVal;
|
||||
},
|
||||
show(newVal) {
|
||||
this.showStatus = newVal;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
iconClass() {
|
||||
return TYPE_CLASSES_MAP[this.type] || "am-icon-circle-check";
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.alert-layer,
|
||||
.confirm-layer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
.alert-box {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
width: 400px;
|
||||
background: #353535;
|
||||
overflow: hidden;
|
||||
.alert-header {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background: #545454;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
.icon {
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: url(../images/icon1.svg) no-repeat -1400px -240px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.alert-content {
|
||||
padding: 0 30px;
|
||||
.content {
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
line-height: 25px;
|
||||
margin-top: 16px;
|
||||
background: #232323;
|
||||
padding: 1px;
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
|
||||
.am-icon-circle-check {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1480px -200px;
|
||||
}
|
||||
.am-icon-warning {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1480px -240px;
|
||||
}
|
||||
.am-icon-circle-cross {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1600px -200px;
|
||||
}
|
||||
.margin-content {
|
||||
margin: 10px 10px 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.sure-btn {
|
||||
border-radius: 2px;
|
||||
width: 100px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: #151515;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
background: #b5b5b5;
|
||||
margin: 12px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
64
vueTem/src/components/BaseColorPicker.vue
Normal file
64
vueTem/src/components/BaseColorPicker.vue
Normal file
@ -0,0 +1,64 @@
|
||||
<template>
|
||||
<div class="f--hlc ant-row ant-form-item ant-form-full">
|
||||
<div class="ant-col-l ant-form-item-label">
|
||||
<label>
|
||||
<slot name="label">
|
||||
{{label}}
|
||||
</slot>
|
||||
</label>
|
||||
</div>
|
||||
<div class="ant-col-r">
|
||||
<div class="ant-form-item-control">
|
||||
<div>
|
||||
<span class="ant-input-wrapper" style="float:left">
|
||||
<el-color-picker v-model="currColor" size="mini" :disabled="!switchStatus" @change="emitColor" :show-alpha="false" />
|
||||
</span>
|
||||
<el-switch v-model="switchStatus" active-color="#ffa800" inactive-color="#151515" style="margin-top:3px;" @change="changeSwitch" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
switchStatus: this.switch,
|
||||
currColor: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
changeSwitch() {
|
||||
this.emitColor();
|
||||
},
|
||||
emitColor() {
|
||||
this.$emit("changeStauts", this.switchStatus, this.currColor);
|
||||
}
|
||||
},
|
||||
props: {
|
||||
switch: {
|
||||
// 开关的状态
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
value: {
|
||||
// 颜色
|
||||
type: String,
|
||||
default: "#fff"
|
||||
},
|
||||
label: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.currColor = newVal;
|
||||
},
|
||||
switch(newVal) {
|
||||
this.switchStatus = newVal;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
175
vueTem/src/components/BaseConfirm.vue
Normal file
175
vueTem/src/components/BaseConfirm.vue
Normal file
@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="confirm-layer f--hcc" v-show="showStatus">
|
||||
<div class="confirm-box">
|
||||
<div class="confirm-header f--hlc">
|
||||
<span class="icon paid-service-icon"></span>
|
||||
<div class="">{{title}}</div>
|
||||
|
||||
</div>
|
||||
<div class="confirm-content">
|
||||
<div class="content f--hlc warning">
|
||||
<span :class="iconClass"></span>
|
||||
<div class="margin-content">
|
||||
<div>{{text}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group f--hcc">
|
||||
<button class="btn-clear sure-btn" @click="close">取消</button>
|
||||
<button class="btn-clear sure-btn" @click="ensure">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const TYPE_CLASSES_MAP = {
|
||||
success: "am-icon-circle-check",
|
||||
warning: "am-icon-warning",
|
||||
error: "am-icon-circle-cross"
|
||||
};
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showStatus: this.show,
|
||||
text: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
ensure() {
|
||||
this.close();
|
||||
this.$emit("ensure");
|
||||
},
|
||||
close(){
|
||||
this.showStatus = false;
|
||||
this.$emit("update:show", this.showStatus);
|
||||
}
|
||||
},
|
||||
props: {
|
||||
show: {
|
||||
// 开关的状态
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
value: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
title: {
|
||||
type: [String, Number],
|
||||
default: "提示"
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: "info"
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.text = newVal;
|
||||
},
|
||||
show(newVal) {
|
||||
this.showStatus = newVal;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
iconClass() {
|
||||
return TYPE_CLASSES_MAP[this.type] || "am-icon-circle-check";
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.confirm-layer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
.confirm-box {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
width: 400px;
|
||||
background: #353535;
|
||||
overflow: hidden;
|
||||
.confirm-header {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background: #545454;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
.icon {
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: url(../images/icon1.svg) no-repeat -1400px -560px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.confirm-content {
|
||||
padding: 0 30px;
|
||||
.content {
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
line-height: 25px;
|
||||
margin-top: 16px;
|
||||
background: #232323;
|
||||
padding: 1px;
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
|
||||
.am-icon-circle-check {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1480px -200px;
|
||||
}
|
||||
.am-icon-warning {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1480px -240px;
|
||||
}
|
||||
.am-icon-circle-cross {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
min-width: 28px;
|
||||
display: block;
|
||||
margin: 10px;
|
||||
background: url(../images/icon1.svg) no-repeat -1600px -200px;
|
||||
}
|
||||
.margin-content {
|
||||
margin: 10px 10px 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.sure-btn {
|
||||
border-radius: 2px;
|
||||
width: 100px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: #151515;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
background: #b5b5b5;
|
||||
margin: 12px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
625
vueTem/src/components/BaseMaterialContainer.vue
Normal file
625
vueTem/src/components/BaseMaterialContainer.vue
Normal file
@ -0,0 +1,625 @@
|
||||
<template>
|
||||
<div class="item">
|
||||
<!-- 如果是模板则显示封面 -->
|
||||
<div v-if="isTemplate && fold==true" @mouseenter="templateMaskShow = true">
|
||||
<img :src="datas.Cover" class="templateCover">
|
||||
</div>
|
||||
<!-- 如果点击分块使用则拆解显示 -->
|
||||
<div v-else v-html="html" @click.stop="renderMaterial($event)" :class="{partContent:isTemplate && fold==false}"></div>
|
||||
<!-- 收藏按钮 -->
|
||||
<i class="fa media " :class="{'fa-star':IsCollect,'fa-star-o':!IsCollect}" v-show="fold==true" @click="collectItem"></i>
|
||||
<!-- 退出分块 -->
|
||||
<i aria-hidden="true" class="fa fa-sign-out media" v-show="isTemplate && fold==false" @click="quitUsePart"></i>
|
||||
<!-- 是否是vip -->
|
||||
<div class="iconfont icon-VIP" v-if="IsVip"></div>
|
||||
<!-- 显示分块使用和整套使用 -->
|
||||
<div class="templateSelect" v-if="isTemplate && fold==true && templateMaskShow" @mouseleave="templateMaskShow = false">
|
||||
<p>
|
||||
<button type="button" class="el-button el-tooltip el-button--default" @click="showTemplateAllSection">
|
||||
<span>
|
||||
<i class="iconfont icon-quanbufenlei"></i>
|
||||
<span>分块使用模板</span>
|
||||
</span>
|
||||
</button>
|
||||
<button type="button" class="el-button el-tooltip el-button--default" @click="useAll">
|
||||
<span>
|
||||
<i aria-hidden="true" class="iconfont icon-quanbu"></i>
|
||||
<span>整套使用模板</span>
|
||||
</span>
|
||||
</button>
|
||||
</p>
|
||||
</div>
|
||||
<am-alert :show.sync="showAlert" v-model="alertText" @ensure="hideAlert" type="error" />
|
||||
<login-dialog :show.sync="showLoginDialog" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import amAlert from "../components/BaseAlert";
|
||||
import LoginDialog from "../components/LoginDialog";
|
||||
import { mapState } from "vuex";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fold: true, // 是否折叠
|
||||
templateMaskShow: false,
|
||||
showAlert: false,
|
||||
alertText: "",
|
||||
IsCollect: this.datas.IsCollect,
|
||||
IsVip: this.datas.is_vip,
|
||||
showLoginDialog: false,
|
||||
event:null,// 这个是当前点击的事件对象，用于登陆后直接把素材放入选区
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
loginShow() {
|
||||
this.showLoginDialog = true;
|
||||
},
|
||||
loginSuccess(type) {
|
||||
// 登陆成功的回调，去处理一些事务
|
||||
// 收藏后登陆，登陆后自动收藏
|
||||
if (type == "collect") this.collectCallback();
|
||||
// vip素材点击后放入编辑器
|
||||
if (type == "open") this.openCallback();
|
||||
},
|
||||
collectCallback() {
|
||||
this.collectItem();
|
||||
},
|
||||
openCallback(){
|
||||
this.renderMaterial(this.event)
|
||||
},
|
||||
// 向编辑器中构建素材
|
||||
renderMaterial(event) {
|
||||
this.event = event;
|
||||
if (this.datas.IfSystem == 1) {
|
||||
return false;
|
||||
} else if (
|
||||
$(".sidebar")
|
||||
.find("li.active")
|
||||
.attr("data-type") == "imglist" &&
|
||||
$(this.ue.body).find(".checkSelected").length > 0 &&
|
||||
$(this.ue.body)
|
||||
.find(".checkSelected")
|
||||
.children()[0].localName == "img"
|
||||
) {
|
||||
$(this.ue.body)
|
||||
.find(".checkSelected")
|
||||
.children("img")
|
||||
.attr(
|
||||
"src",
|
||||
$(event.currentTarget)
|
||||
.find("img")
|
||||
.attr("src")
|
||||
);
|
||||
$(this.ue.body)
|
||||
.find(".checkSelected")
|
||||
.children("img")
|
||||
.attr(
|
||||
"_src",
|
||||
$(event.currentTarget)
|
||||
.find("img")
|
||||
.attr("src")
|
||||
);
|
||||
this.clearselectline();
|
||||
} else {
|
||||
if (
|
||||
($(event.currentTarget).find(".isvip").length > 0 &&
|
||||
!!Number(topnavInfo.userInfo.IsVip)) ||
|
||||
$(event.currentTarget).find(".isvip").length == 0
|
||||
) {
|
||||
var range = this.ue.selection.getRange().cloneContents(); //获得选区【秒刷】
|
||||
var _this =
|
||||
$(event.currentTarget)[0].nodeName.toLowerCase() == "p"
|
||||
? $(event.currentTarget)
|
||||
.parents(".item")
|
||||
.find(".KolEditor:first")
|
||||
.clone()
|
||||
: $(event.currentTarget)
|
||||
.find(".KolEditor:first")
|
||||
.clone();
|
||||
if (this.type == "mysign") {
|
||||
//侧边栏在我的签名上，点击为添加签名
|
||||
//头部
|
||||
if ($(this.ue.body).find(".materialTop").length > 0) {
|
||||
$(this.ue.body)
|
||||
.find(".materialTop")
|
||||
.empty()
|
||||
.append(
|
||||
$(event.currentTarget)
|
||||
.find(".materialTop")
|
||||
.html()
|
||||
);
|
||||
} else {
|
||||
var _node = this.ue.body.firstChild;
|
||||
$(event.currentTarget)
|
||||
.find(".materialTop")
|
||||
.clone()
|
||||
.insertBefore($(_node));
|
||||
}
|
||||
// 尾部
|
||||
if ($(this.ue.body).find(".materialBottom").length > 0) {
|
||||
$(this.ue.body)
|
||||
.find(".materialBottom")
|
||||
.empty()
|
||||
.append(
|
||||
$(event.currentTarget)
|
||||
.find(".materialBottom")
|
||||
.html()
|
||||
);
|
||||
} else {
|
||||
$(this.ue.body).append(
|
||||
$(event.currentTarget)
|
||||
.find(".materialBottom")
|
||||
.clone()[0]
|
||||
);
|
||||
}
|
||||
} else {
|
||||
if (range != null) {
|
||||
this.secondBrush(_this);
|
||||
} else {
|
||||
var _style = $(event.currentTarget)
|
||||
.find(".KolEditor:first")
|
||||
.attr("style");
|
||||
this.ue.execCommand(
|
||||
"inserthtml",
|
||||
'<section class="KolEditor" style="' +
|
||||
_style +
|
||||
'">' +
|
||||
_this.html() +
|
||||
"</section>"
|
||||
);
|
||||
// ====== 带序号的素材，点击实现数字自增 ======
|
||||
if (
|
||||
$(event.currentTarget)
|
||||
.find(".KolEditor:first")
|
||||
.find("p.count").length > 0
|
||||
) {
|
||||
$(event.currentTarget)
|
||||
.find(".KolEditor:first")
|
||||
.find("p.count")
|
||||
.each(function() {
|
||||
var count = Number($(this).html());
|
||||
var _length = $(this).html().length;
|
||||
if (String(count + 1).length < _length) {
|
||||
var zero = new Array(
|
||||
_length - String(count + 1).length + 1
|
||||
).join("0");
|
||||
$(this).html(zero + (count + 1));
|
||||
} else {
|
||||
$(this).html(count + 1);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
this.clearselectline();
|
||||
} else {
|
||||
this.dialog.vipTips = true;
|
||||
this.vipMessage = "成为VIP会员，VIP素材免费用";
|
||||
$(".purchvip")
|
||||
.find("button")
|
||||
.attr({ statsmark: "查看VIP特权关闭", statstype: "2" });
|
||||
}
|
||||
}
|
||||
},
|
||||
// 删除选中框
|
||||
clearselectline() {
|
||||
$(this.ue.body)
|
||||
.find(".checkSelected")
|
||||
.removeClass("checkSelected");
|
||||
},
|
||||
//秒刷代码
|
||||
secondBrush(_this) {
|
||||
var rangeLength = this.ue.selection.getRange().endOffset;
|
||||
var textLength = _this.find("p").length;
|
||||
var imgLength = _this.find("img.KolImg").length;
|
||||
var startIndex = 0;
|
||||
var imgIndex = 0;
|
||||
var innertext = _this.html();
|
||||
this.ue.selection
|
||||
.getRange()
|
||||
.adjustmentBoundary()
|
||||
.traversal(function(node) {
|
||||
var isHasImg = 0;
|
||||
if (node.localName == "img" || $(node).find("img").length > 0) {
|
||||
var imgsrc = node.currentSrc
|
||||
? node.currentSrc
|
||||
: $(node)
|
||||
.find("img")
|
||||
.attr("src");
|
||||
_this
|
||||
.find("img.KolImg")
|
||||
.eq(imgIndex)
|
||||
.attr("src", imgsrc);
|
||||
isHasImg = 1;
|
||||
imgIndex++;
|
||||
} else {
|
||||
if (node.localName != "br" && $.trim(node.textContent) != "") {
|
||||
if (startIndex >= textLength) {
|
||||
var beforeStyle = _this.find("p:last").attr("style");
|
||||
_this
|
||||
.find("p:last")
|
||||
.after(
|
||||
'<p style="' +
|
||||
beforeStyle +
|
||||
'">' +
|
||||
node.textContent +
|
||||
"</p>"
|
||||
);
|
||||
} else {
|
||||
_this
|
||||
.find("p")
|
||||
.eq(startIndex)
|
||||
.html(node.textContent);
|
||||
}
|
||||
startIndex++;
|
||||
}
|
||||
}
|
||||
});
|
||||
this.ue.execCommand(
|
||||
"inserthtml",
|
||||
'<section class="KolEditor">' + _this.html() + "</section>"
|
||||
);
|
||||
},
|
||||
// 分块使用
|
||||
showTemplateAllSection() {
|
||||
this.fold = false;
|
||||
const self = this;
|
||||
// 为分块绑定事件
|
||||
$(document)
|
||||
.off("mouseenter.part")
|
||||
.on(
|
||||
"mouseenter.part",
|
||||
".partContent .KolEditor:first .KolEditor",
|
||||
function() {
|
||||
$(this).css("position", "relative");
|
||||
$(this).append(
|
||||
'<section class="usePart" style="position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background-color:rgba(0,0,0,0.4);z-index:88;border-radius:4px;"><i class="fa fa-arrow-circle-o-right" data-type="fa-arrow-circle-o-right" style="cursor:pointer;font-size:40px;color:#fff;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;"></i></section>'
|
||||
);
|
||||
$(".usePart").click(function(event) {
|
||||
var range = self.ue.selection.getRange().cloneContents();
|
||||
var _this = $(this).parents(".KolEditor:first");
|
||||
$(this).remove();
|
||||
if (range != null) {
|
||||
secondBrush(_this.clone());
|
||||
} else {
|
||||
self.ue.execCommand(
|
||||
"inserthtml",
|
||||
'<section class="KolEditor">' + _this.html() + "</section>"
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
$(document).on(
|
||||
"mouseleave",
|
||||
".partContent .KolEditor:first .KolEditor",
|
||||
function() {
|
||||
$(this)
|
||||
.find(".usePart")
|
||||
.remove();
|
||||
}
|
||||
);
|
||||
},
|
||||
// 退出分块使用
|
||||
quitUsePart() {
|
||||
this.fold = true;
|
||||
},
|
||||
useAll: function() {
|
||||
if (this.datas.is_vip) {
|
||||
this.ue.execCommand("inserthtml", this.datas.content);
|
||||
} else {
|
||||
this.showAlert = true;
|
||||
this.alertText = "成为VIP会员，VIP素材免费用";
|
||||
}
|
||||
},
|
||||
hideAlert() {
|
||||
console.log("goto vippage");
|
||||
},
|
||||
collectItem() {
|
||||
if (!this.isLogin) {
|
||||
this.showLoginDialog = true;
|
||||
return;
|
||||
}
|
||||
this.IsCollect = !this.IsCollect;
|
||||
},
|
||||
hideQrcodeDia() {
|
||||
console.log("close dialog qroce");
|
||||
}
|
||||
},
|
||||
props: {
|
||||
type: {
|
||||
// template mertial
|
||||
type: String,
|
||||
default: "mertial"
|
||||
},
|
||||
html: {
|
||||
// html
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
datas: {
|
||||
// 全部的data
|
||||
type: Object,
|
||||
default: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState("user", ["user"]),
|
||||
isTemplate() {
|
||||
return !!this.datas.IfSystem;
|
||||
},
|
||||
isLogin() {
|
||||
return !!this.user;
|
||||
},
|
||||
isVip() {
|
||||
return !!this.user;
|
||||
}
|
||||
},
|
||||
components: {
|
||||
amAlert,
|
||||
LoginDialog
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.item {
|
||||
margin-top: 10px;
|
||||
// 分块使用
|
||||
.templateCover {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
i.media {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
color: #f7ba2a;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
padding-left: 8px;
|
||||
line-height: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
border-bottom-left-radius: 100%;
|
||||
display: none;
|
||||
z-index: 99;
|
||||
}
|
||||
i.fa-trash-o {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
display: none;
|
||||
}
|
||||
.isvip {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
z-index: 99;
|
||||
width: 25px;
|
||||
}
|
||||
i.fa-times {
|
||||
color: #ff4949 !important;
|
||||
}
|
||||
.item {
|
||||
&:hover {
|
||||
transition: all 0.3s ease;
|
||||
i.media {
|
||||
display: block;
|
||||
}
|
||||
i.fa-trash-o {
|
||||
display: block;
|
||||
}
|
||||
.isvip {
|
||||
display: block;
|
||||
}
|
||||
.templateSelect {
|
||||
display: block;
|
||||
}
|
||||
i.pasterAbout {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
&.item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
padding: 10px 10px;
|
||||
cursor: pointer;
|
||||
min-height: 60px;
|
||||
border-radius: 2px;
|
||||
border-top: none;
|
||||
margin-bottom: 4px;
|
||||
overflow: hidden;
|
||||
transition: background, 0.3s, ease;
|
||||
&.designTemplate,
|
||||
&.template {
|
||||
.mytemplate-Name,
|
||||
.mytemplate-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.draft,
|
||||
&.myTemplate,
|
||||
&.mysign {
|
||||
max-height: 240px;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 0px;
|
||||
> div {
|
||||
> div {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
.mytemplate-Name {
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
background-color: #f9fafc;
|
||||
color: #333333;
|
||||
font-size: 14px;
|
||||
box-sizing: border-box;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.mytemplate-summary {
|
||||
line-height: 1.5px;
|
||||
background-color: #f9fafc;
|
||||
color: #333333;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 5px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.templateSelect {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 88;
|
||||
> p {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
button {
|
||||
&:hover {
|
||||
i,
|
||||
span {
|
||||
color: #f7ba2a;
|
||||
}
|
||||
}
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
> span {
|
||||
i {
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
color: #fff;
|
||||
line-height: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
> span {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mytemplate {
|
||||
border-width: 1px;
|
||||
border-color: rgb(230, 230, 230);
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
padding: 0px;
|
||||
margin-top: 12px;
|
||||
> div > div {
|
||||
margin: 12px;
|
||||
max-height: 180px;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
p.mytemplate-title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
padding: 0px 12px;
|
||||
background-color: #f9fafc;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
p.mytemplate-summary {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
padding: 0px 12px;
|
||||
background-color: #f9fafc;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
p.mytemplate-title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
padding-left: 12px;
|
||||
background-color: #f9fafc;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
p.designTemplat-price {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
margin-top: 6px;
|
||||
span {
|
||||
&:nth-child(1) {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
i {
|
||||
font-size: 16px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
&:nth-child(2) {
|
||||
font-size: 20px;
|
||||
color: #ff5e45;
|
||||
i {
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
qqmusic {
|
||||
min-height: 60px;
|
||||
width: 100%;
|
||||
border: 1px solid #e7e7ed;
|
||||
margin: 17px 1px 16px 0;
|
||||
display: block;
|
||||
// background-image: url("../../javascript/lib/ueditor/themes/default/images/icon_qqmusic_audio_default.png");
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
padding: 9px 12px;
|
||||
}
|
||||
qqmusic:before {
|
||||
content: "QQ音乐";
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
qqmusic:after {
|
||||
content: "QQ音乐--预览查看";
|
||||
color: #8d8d8d;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
.icon-VIP {
|
||||
color: #ef2a36;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 7px;
|
||||
}
|
||||
</style>
|
||||
134
vueTem/src/components/BaseQrcodeDialog.vue
Normal file
134
vueTem/src/components/BaseQrcodeDialog.vue
Normal file
@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<div class="qrCode-layer f--hcc" v-show="showStatus">
|
||||
<div class="qrCode">
|
||||
<div class="qrCode-header f--hlc">
|
||||
<span class="title-icon"></span>
|
||||
<span class="flex-1">预览二维码</span>
|
||||
<span class="close-icon" @click="close"></span>
|
||||
</div>
|
||||
<div class="qrCode-content">
|
||||
<div class="qrCode-div">
|
||||
<div class="qrCode-bg">
|
||||
<img :src="src" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<p>扫码查看手机效果</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showStatus: this.value,
|
||||
src: ""
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
changeSwitch() {
|
||||
this.emitSwitch();
|
||||
},
|
||||
close() {
|
||||
this.showStatus = false;
|
||||
this.$emit("update:show", this.showStatus);
|
||||
this.$emit("close");
|
||||
}
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
// 地址
|
||||
type: String,
|
||||
default: false
|
||||
},
|
||||
show: {
|
||||
// 状态
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.src = newVal;
|
||||
},
|
||||
show(newVal) {
|
||||
this.showStatus = newVal;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.qrCode-layer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
.qrCode {
|
||||
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
|
||||
border-radius: 2px;
|
||||
width: 214px;
|
||||
background: #353535;
|
||||
.qrCode-header {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background: #545454;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
.title-icon {
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: url(../images/icon1.svg) no-repeat -1520px -240px;
|
||||
display: block;
|
||||
}
|
||||
.close-icon {
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: url(../images/icon1.svg) no-repeat -1203px -235px;
|
||||
display: block;
|
||||
&.close-icon:hover {
|
||||
background-position: -1203px -275px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.qrCode-content {
|
||||
width: 100%;
|
||||
p {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #b5b5b5;
|
||||
padding: 0 10px;
|
||||
margin: 0 0 9px;
|
||||
}
|
||||
.qrCode-div {
|
||||
border-radius: 2px;
|
||||
width: 194px;
|
||||
height: 194px;
|
||||
margin: 10px auto;
|
||||
padding: 5px;
|
||||
background: #545454;
|
||||
.qrCode-bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #d2d2d2;
|
||||
padding: 5px;
|
||||
img {
|
||||
border-style: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
55
vueTem/src/components/BaseSwitchInput.vue
Normal file
55
vueTem/src/components/BaseSwitchInput.vue
Normal file
@ -0,0 +1,55 @@
|
||||
<template>
|
||||
<div class="f--hlc ant-row ant-form-item" :class="{ 'ant-form-full':full,'ant-form-half':!full} ">
|
||||
<div class="ant-col-l ant-form-item-label">
|
||||
<label>
|
||||
<slot name="label">
|
||||
{{label}}
|
||||
</slot>
|
||||
</label>
|
||||
</div>
|
||||
<div class="ant-col-r">
|
||||
<div class="ant-form-item-control" style="text-align: left;">
|
||||
<el-switch v-model="status" active-color="#ffa800" inactive-color="#151515" style="margin-top:3px;" @change="changeSwitch" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
status: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
changeSwitch() {
|
||||
this.emitSwitch();
|
||||
},
|
||||
emitSwitch() {
|
||||
this.$emit("changeSwitch", this.status);
|
||||
}
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
// 状态
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
label: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
full: {
|
||||
// 容器全宽或者半宽
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.status = newVal;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
223
vueTem/src/components/BaseToolInput.vue
Normal file
223
vueTem/src/components/BaseToolInput.vue
Normal file
@ -0,0 +1,223 @@
|
||||
<template>
|
||||
<div
|
||||
class="f--hlc ant-row ant-form-item"
|
||||
:class="{ 'ant-form-full':full,'ant-form-half':!full} "
|
||||
>
|
||||
<div class="ant-col-l ant-form-item-label">
|
||||
<label>
|
||||
<slot name="label">
|
||||
{{label}}
|
||||
</slot>
|
||||
</label>
|
||||
</div>
|
||||
<div class="ant-col-r">
|
||||
<div class="ant-form-item-control">
|
||||
<div :class="['ant-input-'+icon]">
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm"
|
||||
:class="{'input-com-number':fullInput,'slider-input':!fullInput}"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
v-if="count"
|
||||
>
|
||||
<a
|
||||
class="ant-input-number-handler ant-input-number-handler-up "
|
||||
:class="{'ant-input-number-handler-down-disabled':maxDisabled}"
|
||||
@keydown.enter="increase"
|
||||
@click="increase"
|
||||
>
|
||||
<span class="ant-input-number-handler-up-inner"></span>
|
||||
</a>
|
||||
<a
|
||||
class="ant-input-number-handler ant-input-number-handler-down "
|
||||
:class="{'ant-input-number-handler-down-disabled':minDisabled}"
|
||||
@keydown.enter="decrease"
|
||||
@click="decrease"
|
||||
>
|
||||
<span class="ant-input-number-handler-down-inner"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="ant-input-number-input-wrap">
|
||||
<input
|
||||
class="ant-input-number-input"
|
||||
:step="step"
|
||||
:max="max"
|
||||
:min="min"
|
||||
:value="currentValue"
|
||||
@keydown.up="increase($event)"
|
||||
@keydown.down="decrease($event)"
|
||||
ref="input"
|
||||
@input="inputEventChangeVal($event)"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-slider slider-per"
|
||||
v-if="showSlider"
|
||||
>
|
||||
<el-slider
|
||||
v-model="currentValue"
|
||||
@change="setCurrentValue"
|
||||
></el-slider>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
currentValue: parseFloat(this.value)
|
||||
};
|
||||
},
|
||||
props: {
|
||||
full: {
|
||||
// 容器全宽或者半宽
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
count: {
|
||||
// 是否有计数功能
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
icon: {
|
||||
// 单位图标 rate:% px:px degree:度
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
step: {
|
||||
// 点击一次数值增长或者减少的数值
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
max: {
|
||||
// 最大
|
||||
type: [Number, String],
|
||||
default: 9999
|
||||
},
|
||||
min: {
|
||||
// 最小
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
value: {
|
||||
// input值
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
showSlider: {
|
||||
// 是否显示滑动条
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
label: {
|
||||
// 文字
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
increase(e) {
|
||||
if (!this.count || this.maxDisabled) return;
|
||||
const value = this.value || 0;
|
||||
const newVal = this._increase(value, this.step);
|
||||
this.setCurrentValue(newVal);
|
||||
e.currentTarget.focus();
|
||||
},
|
||||
decrease(e) {
|
||||
if (!this.count || this.minDisabled) return;
|
||||
const value = this.value || 0;
|
||||
const newVal = this._decrease(value, this.step);
|
||||
this.setCurrentValue(newVal);
|
||||
e.currentTarget.focus();
|
||||
},
|
||||
|
||||
_increase(val, step) {
|
||||
if (typeof val !== "number" && val !== undefined)
|
||||
return this.currentValue;
|
||||
const precisionFactor = Math.pow(10, this.precision);
|
||||
return this.toPrecision(
|
||||
(precisionFactor * val + precisionFactor * step) / precisionFactor
|
||||
);
|
||||
},
|
||||
_decrease(val, step) {
|
||||
if (typeof val !== "number" && val !== undefined)
|
||||
return this.currentValue;
|
||||
const precisionFactor = Math.pow(10, this.precision);
|
||||
return this.toPrecision(
|
||||
(precisionFactor * val - precisionFactor * step) / precisionFactor
|
||||
);
|
||||
},
|
||||
getPrecision(value) {
|
||||
if (value === undefined) return 0;
|
||||
const valueString = value.toString();
|
||||
const dotPosition = valueString.indexOf(".");
|
||||
let precision = 0;
|
||||
if (dotPosition !== -1) {
|
||||
precision = valueString.length - dotPosition - 1;
|
||||
}
|
||||
return precision;
|
||||
},
|
||||
setCurrentValue(newVal) {
|
||||
const oldVal = this.currentValue;
|
||||
if (newVal >= this.max) newVal = parseFloat(this.max ? this.max : 0);
|
||||
if (newVal <= this.min) newVal = parseFloat(this.min ? this.min : 0);
|
||||
// if (oldVal === newVal) {
|
||||
// this.$refs.input.setCurrentValue(this.currentValue);
|
||||
// return;
|
||||
// }
|
||||
if (this.count) {
|
||||
this.$emit("input", newVal);
|
||||
this.$emit("change", newVal, oldVal);
|
||||
this.currentValue = parseFloat(newVal ? newVal : 0);
|
||||
} else {
|
||||
this.$emit("input", parseFloat(newVal));
|
||||
this.$emit("change", parseFloat(newVal), oldVal);
|
||||
this.currentValue = parseFloat(newVal ? newVal : 0);
|
||||
}
|
||||
},
|
||||
inputEventChangeVal(e) {
|
||||
const newVal = parseFloat(
|
||||
e.currentTarget.value ? e.currentTarget.value : 0
|
||||
);
|
||||
this.setCurrentValue(newVal);
|
||||
e.currentTarget.focus();
|
||||
},
|
||||
toPrecision(num, precision) {
|
||||
if (precision === undefined) precision = this.precision;
|
||||
return parseFloat(parseFloat(Number(num ? num : 0).toFixed(precision)));
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
minDisabled() {
|
||||
return this._decrease(this.value, this.step) < this.min;
|
||||
},
|
||||
maxDisabled() {
|
||||
return this._increase(this.value, this.step) > this.max;
|
||||
},
|
||||
precision() {
|
||||
const { value, step, getPrecision } = this;
|
||||
return Math.max(getPrecision(value), getPrecision(step));
|
||||
},
|
||||
fullInput() {
|
||||
// input全宽或者半宽
|
||||
return !this.showSlider && this.full;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.currentValue = parseFloat(newVal);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "../styles/css/toolbar";
|
||||
@import "../styles/css/toolbarfont";
|
||||
</style>
|
||||
57
vueTem/src/components/BaseToolTextarea.vue
Normal file
57
vueTem/src/components/BaseToolTextarea.vue
Normal file
@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<div data-item="value" class="f--hlc ant-row ant-form-item ant-form-full">
|
||||
<div class="ant-col-l ant-form-item-label">
|
||||
<label>
|
||||
<slot name="label">
|
||||
{{label}}
|
||||
</slot>
|
||||
</label>
|
||||
</div>
|
||||
<div class="ant-col-r">
|
||||
<div class="ant-form-item-control">
|
||||
<div class="input-com ">
|
||||
<div>
|
||||
<div class="input-com-wrapper">
|
||||
<textarea class="input-com-input input-com-textarea" type="textarea" :value='currentValue' @blur="changeTextarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
currentValue: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
changeTextarea() {
|
||||
this.setCurrentValue();
|
||||
},
|
||||
setCurrentValue() {
|
||||
this.$emit("changeTextarea", this.value);
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
value(newVal) {
|
||||
this.currentValue = newVal
|
||||
}
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
// input值
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
label: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
128
vueTem/src/components/LandingPage.vue
Normal file
128
vueTem/src/components/LandingPage.vue
Normal file
@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div id="wrapper">
|
||||
<img id="logo" src="~@/assets/logo.png" alt="electron-vue">
|
||||
<main>
|
||||
<div class="left-side">
|
||||
<span class="title">
|
||||
Welcome to your new project!
|
||||
</span>
|
||||
<system-information></system-information>
|
||||
</div>
|
||||
|
||||
<div class="right-side">
|
||||
<div class="doc">
|
||||
<div class="title">Getting Started</div>
|
||||
<p>
|
||||
electron-vue comes packed with detailed documentation that covers everything from
|
||||
internal configurations, using the project structure, building your application,
|
||||
and so much more.
|
||||
</p>
|
||||
<button @click="open('https://simulatedgreg.gitbooks.io/electron-vue/content/')">Read the Docs</button><br><br>
|
||||
</div>
|
||||
<div class="doc">
|
||||
<div class="title alt">Other Documentation</div>
|
||||
<button class="alt" @click="open('https://electron.atom.io/docs/')">Electron</button>
|
||||
<button class="alt" @click="open('https://vuejs.org/v2/guide/')">Vue.js</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SystemInformation from './LandingPage/SystemInformation'
|
||||
|
||||
export default {
|
||||
name: 'landing-page',
|
||||
components: { SystemInformation },
|
||||
methods: {
|
||||
open (link) {
|
||||
this.$electron.shell.openExternal(link)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body { font-family: 'Source Sans Pro', sans-serif; }
|
||||
|
||||
#wrapper {
|
||||
background:
|
||||
radial-gradient(
|
||||
ellipse at top left,
|
||||
rgba(255, 255, 255, 1) 40%,
|
||||
rgba(229, 229, 229, .9) 100%
|
||||
);
|
||||
height: 100vh;
|
||||
padding: 60px 80px;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
#logo {
|
||||
height: auto;
|
||||
margin-bottom: 20px;
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
main > div { flex-basis: 50%; }
|
||||
|
||||
.left-side {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
color: #555;
|
||||
font-size: 23px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #2c3e50;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.title.alt {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.doc p {
|
||||
color: black;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.doc button {
|
||||
font-size: .8em;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
padding: 0.75em 2em;
|
||||
border-radius: 2em;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
background-color: #4fc08d;
|
||||
transition: all 0.15s ease;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #4fc08d;
|
||||
}
|
||||
|
||||
.doc button.alt {
|
||||
color: #42b983;
|
||||
background-color: transparent;
|
||||
}
|
||||
</style>
|
||||
61
vueTem/src/config/configSample.js
Normal file
61
vueTem/src/config/configSample.js
Normal file
@ -0,0 +1,61 @@
|
||||
/* eslint-disable comma-dangle */
|
||||
/* eslint-disable quotes */
|
||||
/*
|
||||
* @Description: 优秀模板示例数据
|
||||
* @Author: jinguoqiang
|
||||
* @Date: 2020-04-26 19:14:14
|
||||
* @LastEditors: jinguoqiang
|
||||
* @LastEditTime: 2020年10月30日17:38:50
|
||||
*/
|
||||
|
||||
export const GameSyncTypeEnum = {
|
||||
SYNC: '1',
|
||||
DISTRIBUTE: '2',
|
||||
BOTH: '3'
|
||||
}
|
||||
export const GradeEnum = {
|
||||
ONE: 1,
|
||||
TWO: 2,
|
||||
THREE: 3
|
||||
}
|
||||
|
||||
export const CourseStepEnum = {
|
||||
NORMLAL: '1', // 课中作答
|
||||
CONCENTRATION: '2', // 专注力游戏
|
||||
BIG_GAME: '3' // 大游戏
|
||||
}
|
||||
|
||||
export const AuthorEnum = {
|
||||
JGQ: '小明',
|
||||
CGC: '小红',
|
||||
WQD: '珍妮',
|
||||
HJS: '项羽',
|
||||
XJT: '小王子'
|
||||
}
|
||||
|
||||
export const SubjectEnum = {
|
||||
Math: '数学',
|
||||
Chinese: '语文'
|
||||
}
|
||||
export const sampleData = [
|
||||
{
|
||||
name: 'helloworld1',
|
||||
title: '场景1',
|
||||
description: '第一个场景',
|
||||
grade: [GradeEnum.ONE, GradeEnum.TWO, GradeEnum.THREE],
|
||||
tip: CourseStepEnum.NORMLAL,
|
||||
subject: SubjectEnum.Math,
|
||||
author: AuthorEnum.JGQ,
|
||||
type: GameSyncTypeEnum.BOTH
|
||||
},
|
||||
{
|
||||
name: 'helloworld2',
|
||||
title: '场景2',
|
||||
description: '第二个场景',
|
||||
grade: [GradeEnum.ONE, GradeEnum.TWO, GradeEnum.THREE],
|
||||
tip: CourseStepEnum.NORMLAL,
|
||||
subject: SubjectEnum.Math,
|
||||
author: AuthorEnum.JGQ,
|
||||
type: GameSyncTypeEnum.BOTH
|
||||
},
|
||||
]
|
||||
24
vueTem/src/const/event.js
Normal file
24
vueTem/src/const/event.js
Normal file
@ -0,0 +1,24 @@
|
||||
/*
|
||||
* @Author: jinguoqiang
|
||||
* @Date: 2020-04-27 11:21:19
|
||||
* @LastEditTime: 2020-04-27 11:21:24
|
||||
* @LastEditors: jinguoqiang
|
||||
*/
|
||||
// game 发消息给 electron
|
||||
export let GAME2WEB_EVENTTYPE = {
|
||||
ON_PAGE_CHANGE_SUCCESS: 'ON_PAGE_CHANGE_SUCCESS',
|
||||
SELECT_NODE: 'SELECT_NODE',
|
||||
GAMENODE_MOVED: 'GAMENODE_MOVED',
|
||||
GAMENODE_MOVEEND: 'GAMENODE_MOVEEND',
|
||||
GAMESCENE_LOADED: 'GAMESCENE_LOADED'
|
||||
}
|
||||
|
||||
// electron 发消息给 game
|
||||
export let E2G_EVENTTYPE = {
|
||||
CREATOR_INIT: 'CREATOR_INIT', // 初始化游戏场景
|
||||
LOAD_SCENE: 'LOAD_SCENE', // 加载场景
|
||||
LOAD_GAME: 'LOAD_GAME', // 加载小游戏 （prefab）
|
||||
UNLOAD_GAME: 'UNLOAD_GAME', // 卸载小游戏 （prefab）
|
||||
UPDATE_RESOLUTION: 'UPDATE_RESOLUTION', // 调整分辨率
|
||||
SET_NODEATTRIBUTE: 'SET_NODEATTRIBUTE' // 设置节点属性值
|
||||
}
|
||||
54
vueTem/src/images/1.svg
Normal file
54
vueTem/src/images/1.svg
Normal file
@ -0,0 +1,54 @@
|
||||
<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="180" height="60" viewBox="0 0 180 60">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1, .cls-2 {
|
||||
fill: #858585;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill-rule: evenodd;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #151515;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #fff;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<title>属性面板图标</title>
|
||||
<g>
|
||||
<path class="cls-1" d="M5.87,10.94v2.83h-1V6.2H7a2.8,2.8,0,0,1,1.9.59,2.12,2.12,0,0,1,.68,1.69,2.28,2.28,0,0,1-.79,1.8,2.75,2.75,0,0,1-2,.65Zm0-3.88v3h.9a2,2,0,0,0,1.36-.4,1.45,1.45,0,0,0,.46-1.15q0-1.46-1.73-1.46Z"/>
|
||||
<path class="cls-1" d="M16,13.77H14.83l-1.69-2.85a2.92,2.92,0,0,1-.17-.39h0s-.06.16-.18.4L11,13.77H9.84L12.35,10,10,6.2h1.2l1.49,2.62a5.17,5.17,0,0,1,.26.54h0a6.24,6.24,0,0,1,.29-.56L14.86,6.2H16L13.62,10Z"/>
|
||||
</g>
|
||||
<path class="cls-2" d="M77.5,5.5v-3h-3v1h-3v-1h-3v1h-3v-1h-3v3h1v3h-1v3h1v3h-1v3h3v-1h3v1h3v-1h3v1h3v-3h-1v-3h1v-3h-1v-3Zm-2,3h-1v3h1v3h-1v1h-3v-1h-3v1h-3v-1h-1v-3h1v-3h-1v-3h1v-1h3v1h3v-1h3v1h1Zm-7,3h3v-3h-3Z"/>
|
||||
<path class="cls-1" d="M92.83,10a1.62,1.62,0,1,0-1.62,1.67A1.65,1.65,0,0,0,92.83,10ZM91.21,2.5A7.4,7.4,0,0,0,83.93,10H81.5l3.24,3.33L88,10H85.55a5.67,5.67,0,1,1,11.33,0,5.75,5.75,0,0,1-5.67,5.83,5.59,5.59,0,0,1-3.29-1.08L86.78,16a7.16,7.16,0,0,0,4.44,1.55A7.4,7.4,0,0,0,98.5,10,7.4,7.4,0,0,0,91.21,2.5Z"/>
|
||||
<path class="cls-1" d="M112.89,13.5h-3.11a3.32,3.32,0,0,1-3.11-3.5,3.88,3.88,0,0,1,.11-.87h1.45a.67.67,0,0,1,.2,0,1.89,1.89,0,0,0-.2.83,1.66,1.66,0,0,0,1.56,1.75h3.11A1.66,1.66,0,0,0,114.44,10a1.66,1.66,0,0,0-1.56-1.75h-1.11a4.33,4.33,0,0,0-1.25-1.75h2.36A3.32,3.32,0,0,1,116,10,3.32,3.32,0,0,1,112.89,13.5Zm-6.67-1.75h-1.11A1.66,1.66,0,0,1,103.56,10a1.66,1.66,0,0,1,1.56-1.75h3.11A1.66,1.66,0,0,1,109.78,10a1.9,1.9,0,0,1-.19.83.66.66,0,0,0,.19,0h1.45a3.83,3.83,0,0,0,.11-.87,3.32,3.32,0,0,0-3.11-3.5h-3.11A3.32,3.32,0,0,0,102,10a3.32,3.32,0,0,0,3.11,3.5h2.36A4.33,4.33,0,0,1,106.22,11.75Z"/>
|
||||
<path class="cls-1" d="M33.5,3.83A1.5,1.5,0,1,1,32,5.33a1.5,1.5,0,0,1,1.5-1.5m0-1A2.5,2.5,0,1,0,36,5.33a2.5,2.5,0,0,0-2.5-2.5Z"/>
|
||||
<g>
|
||||
<path class="cls-1" d="M50.91,9.48a2.22,2.22,0,0,0,.53-1.53A2.15,2.15,0,0,0,51,6.46a1.73,1.73,0,0,0-1.35-.54,1.84,1.84,0,0,0-1.43.59,2.25,2.25,0,0,0-.53,1.56,2.1,2.1,0,0,0,.5,1.46,1.73,1.73,0,0,0,1.34.56A1.81,1.81,0,0,0,50.91,9.48Zm-2-2.39a.79.79,0,0,1,.67-.31.75.75,0,0,1,.64.3,1.47,1.47,0,0,1,.24.9,1.52,1.52,0,0,1-.24.92.76.76,0,0,1-.65.3.78.78,0,0,1-.65-.29A1.41,1.41,0,0,1,48.65,8,1.47,1.47,0,0,1,48.9,7.1Z"/>
|
||||
<path class="cls-1" d="M55.48,10.33a1.73,1.73,0,0,0-1.35-.55,1.82,1.82,0,0,0-1.42.6,2.27,2.27,0,0,0-.53,1.56,2.11,2.11,0,0,0,.5,1.45A1.72,1.72,0,0,0,54,14a1.82,1.82,0,0,0,1.41-.59A2.2,2.2,0,0,0,56,11.84,2.18,2.18,0,0,0,55.48,10.33Zm-.75,2.44a.76.76,0,0,1-.65.31.78.78,0,0,1-.65-.3,1.4,1.4,0,0,1-.25-.88,1.5,1.5,0,0,1,.25-.92.79.79,0,0,1,.67-.31.75.75,0,0,1,.63.29,1.43,1.43,0,0,1,.24.89A1.52,1.52,0,0,1,54.72,12.78Z"/>
|
||||
<polygon class="cls-1" points="53.72 6.03 48.7 13.89 49.82 13.89 54.84 6.03 53.72 6.03"/>
|
||||
</g>
|
||||
<rect class="cls-3" x="100" y="24.5" width="18" height="11" rx="1.8" ry="1.8"/>
|
||||
<path class="cls-1" d="M112.89,33.5h-3.11a3.32,3.32,0,0,1-3.11-3.5,3.88,3.88,0,0,1,.11-.87h1.45a.67.67,0,0,1,.2,0,1.89,1.89,0,0,0-.2.83,1.66,1.66,0,0,0,1.56,1.75h3.11a1.76,1.76,0,0,0,0-3.5h-1.11a4.33,4.33,0,0,0-1.25-1.75h2.36A3.32,3.32,0,0,1,116,30,3.32,3.32,0,0,1,112.89,33.5Zm-6.67-1.75h-1.11a1.76,1.76,0,0,1,0-3.5h3.11A1.66,1.66,0,0,1,109.78,30a1.9,1.9,0,0,1-.19.83.66.66,0,0,0,.19,0h1.45a3.83,3.83,0,0,0,.11-.87,3.32,3.32,0,0,0-3.11-3.5h-3.11A3.32,3.32,0,0,0,102,30a3.32,3.32,0,0,0,3.11,3.5h2.36A4.33,4.33,0,0,1,106.22,31.75Z"/>
|
||||
<rect class="cls-3" x="100" y="44.5" width="18" height="11" rx="1.8" ry="1.8"/>
|
||||
<path class="cls-4" d="M112.89,53.5h-3.11a3.32,3.32,0,0,1-3.11-3.5,3.88,3.88,0,0,1,.11-.87h1.45a.67.67,0,0,1,.2,0,1.89,1.89,0,0,0-.2.83,1.66,1.66,0,0,0,1.56,1.75h3.11a1.76,1.76,0,0,0,0-3.5h-1.11a4.33,4.33,0,0,0-1.25-1.75h2.36a3.52,3.52,0,0,1,0,7Zm-6.67-1.75h-1.11a1.76,1.76,0,0,1,0-3.5h3.11A1.66,1.66,0,0,1,109.78,50a1.9,1.9,0,0,1-.19.83.66.66,0,0,0,.19,0h1.45a3.83,3.83,0,0,0,.11-.87,3.32,3.32,0,0,0-3.11-3.5h-3.11a3.52,3.52,0,0,0,0,7h2.36A4.33,4.33,0,0,1,106.22,51.75Z"/>
|
||||
<g>
|
||||
<rect class="cls-1" x="124.02" y="4" width="1" height="12"/>
|
||||
<rect class="cls-1" x="135.02" y="4" width="1" height="12"/>
|
||||
<rect class="cls-1" x="129.52" y="6.31" width="1" height="7.39" transform="translate(120.02 140.02) rotate(-90)"/>
|
||||
<polygon class="cls-1" points="125.02 9.91 128.02 7.41 128.02 12.41 125.02 9.91"/>
|
||||
<polygon class="cls-1" points="135.02 9.91 132.02 12.41 132.02 7.41 135.02 9.91"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect class="cls-1" x="149.53" y="-1.5" width="1" height="12" transform="translate(154.53 -145.53) rotate(90)"/>
|
||||
<rect class="cls-1" x="149.53" y="9.5" width="1" height="12" transform="translate(165.53 -134.53) rotate(90)"/>
|
||||
<rect class="cls-1" x="149.53" y="6.31" width="1" height="7.39"/>
|
||||
<polygon class="cls-1" points="150.13 5 152.63 8 147.63 8 150.13 5"/>
|
||||
<polygon class="cls-1" points="150.13 15 147.63 12 152.63 12 150.13 15"/>
|
||||
</g>
|
||||
<path class="cls-1" d="M174.17,8.45h-.92a1.6,1.6,0,0,0-.47-1,1.67,1.67,0,0,0-1.11-.33,1.5,1.5,0,0,0-1,.28.87.87,0,0,0-.39.75.9.9,0,0,0,.52.78,8,8,0,0,0,1.26.47,5.05,5.05,0,0,1,1.56.67,1.74,1.74,0,0,1,.73,1.47c0,1.47-.86,2.22-2.57,2.22a2.38,2.38,0,0,1-2.61-2.48h.92a2,2,0,0,0,.5,1.22,1.75,1.75,0,0,0,1.16.33c1.08,0,1.63-.42,1.63-1.22a1,1,0,0,0-.58-.93,7.91,7.91,0,0,0-1.29-.46A4.73,4.73,0,0,1,170,9.6a1.6,1.6,0,0,1-.69-1.4A1.73,1.73,0,0,1,170,6.76a2.49,2.49,0,0,1,1.67-.54A2.23,2.23,0,0,1,174.17,8.45Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
BIN
vueTem/src/images/h-ruler.jpeg
Normal file
BIN
vueTem/src/images/h-ruler.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
2291
vueTem/src/images/icon1.svg
Normal file
2291
vueTem/src/images/icon1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 269 KiB |
26
vueTem/src/main.js
Normal file
26
vueTem/src/main.js
Normal file
@ -0,0 +1,26 @@
|
||||
import Vue from 'vue'
|
||||
import ElementUI from 'element-ui'
|
||||
import 'element-ui/lib/theme-chalk/index.css'
|
||||
import './styles/css/common.scss'
|
||||
import './styles/css/element-variables.scss'
|
||||
import './styles/fonts/css/font-awesome.min.css'
|
||||
import Vuerify from 'vuerify'
|
||||
|
||||
import axios from 'axios'
|
||||
|
||||
import App from './App'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
|
||||
Vue.http = Vue.prototype.$http = axios
|
||||
Vue.config.productionTip = false
|
||||
Vue.use(ElementUI)
|
||||
Vue.use(Vuerify)
|
||||
|
||||
/* eslint-disable no-new */
|
||||
new Vue({
|
||||
components: { App },
|
||||
router,
|
||||
store,
|
||||
template: '<App/>'
|
||||
}).$mount('#app')
|
||||
25
vueTem/src/router/index.js
Normal file
25
vueTem/src/router/index.js
Normal file
@ -0,0 +1,25 @@
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
|
||||
Vue.use(Router)
|
||||
|
||||
export default new Router({
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
name: 'index',
|
||||
component: require('@/views/editor/editor').default,
|
||||
meta: {
|
||||
requireAuth: true
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/index',
|
||||
name: 'index',
|
||||
component: require('@/views/editor/editor').default,
|
||||
meta: {
|
||||
requireAuth: true
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
12
vueTem/src/store/index.js
Normal file
12
vueTem/src/store/index.js
Normal file
@ -0,0 +1,12 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
import modules from './modules'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
export default new Vuex.Store({
|
||||
modules,
|
||||
plugins: [],
|
||||
strict: process.env.NODE_ENV !== 'production'
|
||||
})
|
||||
17
vueTem/src/store/modules/CCGameLoaded.js
Normal file
17
vueTem/src/store/modules/CCGameLoaded.js
Normal file
@ -0,0 +1,17 @@
|
||||
import { SET_CCGAME_LOADED } from '../mutation-types'
|
||||
|
||||
const state = {
|
||||
isloaded: false // 是否cocos已经初始化完毕
|
||||
}
|
||||
|
||||
const mutations = {
|
||||
[SET_CCGAME_LOADED] (state, res) {
|
||||
state.isloaded = true
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
state,
|
||||
mutations,
|
||||
namespaced: true
|
||||
}
|
||||
14
vueTem/src/store/modules/index.js
Normal file
14
vueTem/src/store/modules/index.js
Normal file
@ -0,0 +1,14 @@
|
||||
/**
|
||||
* The file enables `@/store/index.js` to import all vuex modules
|
||||
* in a one-shot manner. There should not be any reason to edit this file.
|
||||
*/
|
||||
|
||||
const files = require.context('.', false, /\.js$/)
|
||||
const modules = {}
|
||||
|
||||
files.keys().forEach(key => {
|
||||
if (key === './index.js') return
|
||||
modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
|
||||
})
|
||||
|
||||
export default modules
|
||||
1
vueTem/src/store/mutation-types.js
Normal file
1
vueTem/src/store/mutation-types.js
Normal file
@ -0,0 +1 @@
|
||||
export const SET_CCGAME_LOADED = 'SET_CCGAME_LOADED'
|
||||
250
vueTem/src/styles/css/common.scss
Normal file
250
vueTem/src/styles/css/common.scss
Normal file
@ -0,0 +1,250 @@
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
pre,
|
||||
code,
|
||||
form,
|
||||
fieldset,
|
||||
legend,
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
p,
|
||||
blockquote,
|
||||
th,
|
||||
td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
// background: #2e2e2e;
|
||||
background: #F4F4F4;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
cursor: default;
|
||||
font-family: "Arial", "Microsoft YaHei", "\9ED1\4F53", "\5B8B\4F53", sans-serif;
|
||||
}
|
||||
td,
|
||||
th,
|
||||
caption {
|
||||
font-size: 14px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
font-size: 100%;
|
||||
}
|
||||
address,
|
||||
caption,
|
||||
cite,
|
||||
code,
|
||||
dfn,
|
||||
em,
|
||||
strong,
|
||||
th,
|
||||
var {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
a {
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
vertical-align: -0.15em;
|
||||
fill: currentColor;
|
||||
overflow: hidden;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
ol,
|
||||
ul,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
button {
|
||||
font: 14px "Arial", "Microsoft YaHei", "\9ED1\4F53", "\5B8B\4F53", sans-serif;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
html {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/*公共类*/
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
.al {
|
||||
text-align: left;
|
||||
}
|
||||
.ac {
|
||||
text-align: center;
|
||||
}
|
||||
.ar {
|
||||
text-align: right;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
/*input placeholder */
|
||||
::-webkit-input-placeholder {
|
||||
/* WebKit, Blink, Edge */
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: rgba(145, 158, 171, 1);
|
||||
line-height: 17px;
|
||||
}
|
||||
:-moz-placeholder {
|
||||
/* Mozilla Firefox 4 to 18 */
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: rgba(145, 158, 171, 1);
|
||||
line-height: 17px;
|
||||
}
|
||||
::-moz-placeholder {
|
||||
/* Mozilla Firefox 19+ */
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: rgba(145, 158, 171, 1);
|
||||
line-height: 17px;
|
||||
}
|
||||
:-ms-input-placeholder {
|
||||
/* Internet Explorer 10-11 */
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: rgba(145, 158, 171, 1);
|
||||
line-height: 17px;
|
||||
}
|
||||
/* .icon-icon_folderchev{
|
||||
background-size: 522px 474px!important;
|
||||
} */
|
||||
// 公用样式
|
||||
#app {
|
||||
height: 100%;
|
||||
// background: #2e2e2e;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../fonts/MaterialIcons-Regular.eot);
|
||||
/* For IE6-8 */
|
||||
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.control {
|
||||
.mu-text-field-input {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// #PropertyView {
|
||||
// .el-slider__runway {
|
||||
// margin-bottom: 0 !important;
|
||||
// margin-top: 0 !important;
|
||||
// background-color: #151515 !important;
|
||||
// border-color: #232323 !important;
|
||||
// height: 4px !important;
|
||||
// }
|
||||
// .el-slider__bar {
|
||||
// height: 4px !important;
|
||||
// .el-slider__button-wrapper {
|
||||
// top: -17px !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.el-color-dropdown {
|
||||
border: 1px solid rgb(21, 21, 21) !important;
|
||||
background: rgb(53, 53, 53) !important;
|
||||
border-radius: 8px !important;
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.el-icon--right {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 2px;
|
||||
}
|
||||
.el-icon--right {
|
||||
margin-left: 5px;
|
||||
}
|
||||
[class*=" el-icon-"],
|
||||
[class^="el-icon-"] {
|
||||
font-family: element-icons !important;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
175
vueTem/src/styles/css/element-variables.scss
Normal file
175
vueTem/src/styles/css/element-variables.scss
Normal file
@ -0,0 +1,175 @@
|
||||
// .el-tooltip__popper.is-light {
|
||||
// background: #ffffff;
|
||||
// -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
// box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
// border-radius: 3px;
|
||||
// border: 0;
|
||||
// }
|
||||
|
||||
// .el-tabs__header {
|
||||
// background: #fff;
|
||||
// margin: 0;
|
||||
// line-height: 40px;
|
||||
// }
|
||||
|
||||
// .el-tabs__nav-wrap {
|
||||
// padding-left: 16px;
|
||||
// }
|
||||
|
||||
// .el-tabs__nav-wrap::after {
|
||||
// height: 1px;
|
||||
// background-color: rgba(224, 224, 224, 1);
|
||||
// }
|
||||
|
||||
// .el-tabs__item {
|
||||
// font-size: 14px;
|
||||
// font-weight: 400;
|
||||
// color: rgba(99, 115, 129, 1);
|
||||
// }
|
||||
|
||||
// .el-tabs--top,
|
||||
// .el-tabs__content,
|
||||
// .el-tab-pane {
|
||||
// height: 100%;
|
||||
// }
|
||||
|
||||
// .el-textarea__inner {
|
||||
// height: 400px;
|
||||
// padding: 5px 8px!important;
|
||||
// }
|
||||
|
||||
// .left-panel /deep/ .el-tabs__content {
|
||||
// overflow-y: auto;
|
||||
// overflow-x: hidden;
|
||||
// height: calc(100% - 70px);
|
||||
// }
|
||||
// .right-panel /deep/ .el-tabs__content {
|
||||
// overflow-y: auto;
|
||||
// overflow-x: hidden;
|
||||
// height: calc(100% - 70px);
|
||||
// }
|
||||
|
||||
// .el-dropdown-menu__item {
|
||||
// font-size: 14px;
|
||||
// font-weight: 400;
|
||||
// line-height: 20px;
|
||||
// padding: 8px 20px 8px 32px;
|
||||
// }
|
||||
|
||||
// .el-checkbox {
|
||||
// margin: 4px 0;
|
||||
// }
|
||||
|
||||
// .el-dropdown {
|
||||
// display: -webkit-box;
|
||||
// display: -ms-flexbox;
|
||||
// display: flex;
|
||||
// padding: 0 8px;
|
||||
// font-size: 13px;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
|
||||
// .el-dropdown-menu {
|
||||
// border: none;
|
||||
// -webkit-user-select: none;
|
||||
// -moz-user-select: none;
|
||||
// -ms-user-select: none;
|
||||
// user-select: none;
|
||||
// }
|
||||
|
||||
// .el-dropdown-link {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
// .el-dropdown-link:focus {
|
||||
// outline: none;
|
||||
// }
|
||||
|
||||
// .el-dropdown-menu__item:hover {
|
||||
// background: rgba(242, 244, 247, 1) !important;
|
||||
// color: #212121 !important;
|
||||
// }
|
||||
|
||||
// .el-tabs__active-bar {
|
||||
// height: 4px!important;
|
||||
// width: 20px!important;
|
||||
// }
|
||||
|
||||
// .is-active {
|
||||
// color: #3E93E1!important;
|
||||
// font-weight: bold!important;
|
||||
// }
|
||||
|
||||
// .ql-container.ql-snow {
|
||||
// border-radius: 3px;
|
||||
// border: 1px solid rgba(171, 186, 203, 1);
|
||||
// }
|
||||
|
||||
// .ql-editor {
|
||||
// padding: 12px 8px!important;
|
||||
// background: white;
|
||||
// }
|
||||
|
||||
// .ql-editor.ql-blank::before {
|
||||
// left: 8px!important;
|
||||
// opacity: 0.5;
|
||||
// font-style: normal!important;
|
||||
// }
|
||||
|
||||
// .el-checkbox__input.is-checked+.el-checkbox__label {
|
||||
// color: #348de0;
|
||||
// }
|
||||
|
||||
// .el-tabs__item:focus.is-active.is-focus:not(:active) {
|
||||
// -webkit-box-shadow: none !important;
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
|
||||
// .el-dialog__header {
|
||||
// border-bottom: 1px solid #f0f1f2ff;
|
||||
// }
|
||||
|
||||
// .el-dialog__body {
|
||||
// padding: 24px 20px
|
||||
// }
|
||||
|
||||
// .el-input-number--mini {
|
||||
// width: 90px;
|
||||
// }
|
||||
|
||||
// .el-input--mini>input {
|
||||
// padding: 0 !important;
|
||||
// }
|
||||
// .el-dialog {
|
||||
// width: 60%;
|
||||
// }
|
||||
|
||||
// /*自定义popper-class*/
|
||||
// .tip_popper {
|
||||
// max-width: 232px;
|
||||
// font-size: 12px;
|
||||
// color: #212121;
|
||||
// line-height: 17px;
|
||||
// }
|
||||
// .tip_popper /deep/ .popper__arrow{
|
||||
// /* border-bottom-color: white !important;
|
||||
// border-top-color: white !important; */
|
||||
// }
|
||||
// /* 新版本UI checkBox相关 start */
|
||||
// /* el-radio相关写在这里 */
|
||||
// .el-radio__inner{
|
||||
// border-color: rgba(204, 204, 204, 1)!important;
|
||||
// background: rgba(255, 255, 255, 0);
|
||||
// }
|
||||
// .is-checked > .el-radio__inner{
|
||||
// border-color: rgba(76, 131, 253, 1)!important;
|
||||
// }
|
||||
// .el-radio__inner::after{
|
||||
// width:8px;
|
||||
// height: 8px;
|
||||
// background: rgba(76, 131, 253, 1);
|
||||
// border:1px solid #fff;
|
||||
// -webkit-box-sizing:content-box;
|
||||
// box-sizing:content-box;
|
||||
// }
|
||||
// /* 新版本UI checkBox相关 end */
|
||||
4817
vueTem/src/styles/css/toolbar.scss
Normal file
4817
vueTem/src/styles/css/toolbar.scss
Normal file
File diff suppressed because it is too large
Load Diff
2642
vueTem/src/styles/css/toolbarfont.css
Normal file
2642
vueTem/src/styles/css/toolbarfont.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.eot
Normal file
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.eot
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.ttf
Normal file
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.ttf
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.woff
Normal file
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.woff
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.woff2
Normal file
BIN
vueTem/src/styles/fonts/MaterialIcons-Regular.woff2
Normal file
Binary file not shown.
2337
vueTem/src/styles/fonts/css/font-awesome.css
vendored
Normal file
2337
vueTem/src/styles/fonts/css/font-awesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
4
vueTem/src/styles/fonts/css/font-awesome.min.css
vendored
Normal file
4
vueTem/src/styles/fonts/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
vueTem/src/styles/fonts/fonts/FontAwesome.otf
Normal file
BIN
vueTem/src/styles/fonts/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.eot
Normal file
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
vueTem/src/styles/fonts/fonts/fontawesome-webfont.svg
Normal file
2671
vueTem/src/styles/fonts/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.ttf
Normal file
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.woff
Normal file
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.woff2
Normal file
BIN
vueTem/src/styles/fonts/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
955
vueTem/src/views/editor/centerPanel.vue
Normal file
955
vueTem/src/views/editor/centerPanel.vue
Normal file
@ -0,0 +1,955 @@
|
||||
<template>
|
||||
<div class="centerEditor">
|
||||
<div class="centerEditorContainer">
|
||||
<div class="loading" v-show="gameLoadingStatus">
|
||||
<svg
|
||||
width="45"
|
||||
height="45"
|
||||
viewBox="0 0 45 45"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
stroke="#fff"
|
||||
>
|
||||
<g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
transform="translate(1 1)"
|
||||
stroke-width="2"
|
||||
>
|
||||
<circle cx="22" cy="22" r="6" stroke-opacity="0">
|
||||
<animate
|
||||
attributeName="r"
|
||||
begin="1.5s"
|
||||
dur="3s"
|
||||
values="6;22"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
<animate
|
||||
attributeName="stroke-opacity"
|
||||
begin="1.5s"
|
||||
dur="3s"
|
||||
values="1;0"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
<animate
|
||||
attributeName="stroke-width"
|
||||
begin="1.5s"
|
||||
dur="3s"
|
||||
values="2;0"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
</circle>
|
||||
<circle cx="22" cy="22" r="6" stroke-opacity="0">
|
||||
<animate
|
||||
attributeName="r"
|
||||
begin="3s"
|
||||
dur="3s"
|
||||
values="6;22"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
<animate
|
||||
attributeName="stroke-opacity"
|
||||
begin="3s"
|
||||
dur="3s"
|
||||
values="1;0"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
<animate
|
||||
attributeName="stroke-width"
|
||||
begin="3s"
|
||||
dur="3s"
|
||||
values="2;0"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
</circle>
|
||||
<circle cx="22" cy="22" r="8">
|
||||
<animate
|
||||
attributeName="r"
|
||||
begin="0s"
|
||||
dur="1.5s"
|
||||
values="6;1;2;3;4;5;6"
|
||||
calcMode="linear"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
</circle>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="base-filter-block">
|
||||
<ul class="group-list">
|
||||
<li class="group-item">
|
||||
<label class="group-label"
|
||||
><span class="label-name">游戏类型</span
|
||||
><span class="colon">：</span></label
|
||||
>
|
||||
<div class="group-options">
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': !GameSyncTypeEnumSelect }"
|
||||
@click="selectFilter('GameSyncTypeEnum', null)"
|
||||
>
|
||||
<span>全部</span>
|
||||
</div>
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': GameSyncTypeEnumSelect == item }"
|
||||
v-for="(item, index) in GameSyncTypeEnum"
|
||||
:key="index"
|
||||
@click="selectFilter('GameSyncTypeEnum', item)"
|
||||
>
|
||||
<span> {{ item }} </span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="group-item">
|
||||
<label class="group-label"
|
||||
><span class="label-name">年级</span
|
||||
><span class="colon">：</span></label
|
||||
>
|
||||
<div class="group-options">
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': !GradeEnumSelect }"
|
||||
@click="selectFilter('GradeEnum', null)"
|
||||
>
|
||||
<span>全部</span>
|
||||
</div>
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': GradeEnumSelect == item }"
|
||||
v-for="(item, index) in GradeEnum"
|
||||
:key="index"
|
||||
@click="selectFilter('GradeEnum', item)"
|
||||
>
|
||||
<span> {{ item }}年级 </span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="group-item">
|
||||
<label class="group-label"
|
||||
><span class="label-name">所属环节</span
|
||||
><span class="colon">：</span></label
|
||||
>
|
||||
<div class="group-options">
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': !CourseStepEnumSelect }"
|
||||
@click="selectFilter('CourseStepEnum', null)"
|
||||
>
|
||||
<span>全部</span>
|
||||
</div>
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': CourseStepEnumSelect == item }"
|
||||
v-for="(item, index) in CourseStepEnum"
|
||||
:key="index"
|
||||
@click="selectFilter('CourseStepEnum', item)"
|
||||
>
|
||||
<span> {{ item }} </span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="group-item">
|
||||
<label class="group-label"
|
||||
><span class="label-name">研发者</span
|
||||
><span class="colon">：</span></label
|
||||
>
|
||||
<div class="group-options">
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': !AuthorEnumSelect }"
|
||||
@click="selectFilter('AuthorEnum', null)"
|
||||
>
|
||||
<span>全部</span>
|
||||
</div>
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': AuthorEnumSelect == item }"
|
||||
v-for="(item, index) in AuthorEnum"
|
||||
:key="index"
|
||||
@click="selectFilter('AuthorEnum', item)"
|
||||
>
|
||||
<span> {{ item }} </span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="group-item">
|
||||
<label class="group-label"
|
||||
><span class="label-name">学科</span
|
||||
><span class="colon">：</span></label
|
||||
>
|
||||
<div class="group-options">
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': !SubjectEnumSelect }"
|
||||
@click="selectFilter('SubjectEnum', null)"
|
||||
>
|
||||
<span>全部</span>
|
||||
</div>
|
||||
<div
|
||||
class="option-item"
|
||||
:class="{ 'is-actived': SubjectEnumSelect == item }"
|
||||
v-for="(item, index) in SubjectEnum"
|
||||
:key="index"
|
||||
@click="selectFilter('SubjectEnum', item)"
|
||||
>
|
||||
<span> {{ item }} </span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p class="result-num">
|
||||
共 <b>{{ sampleData.length }}</b> 个游戏
|
||||
</p>
|
||||
<div class="no-data" v-if="!sampleData.length">
|
||||
<img src="/static/img/nodata.png" class="no-data-bg" />
|
||||
<p class="no-data-text">未找到相应内容</p>
|
||||
</div>
|
||||
<div class="itemList">
|
||||
<div
|
||||
class="itemContainer"
|
||||
v-for="item in sampleData"
|
||||
:key="item.name"
|
||||
@click="showGameModel(item)"
|
||||
>
|
||||
<span><img :src="'/static/img/cover/' + item.name + '.jpg'" /></span>
|
||||
<div class="cover-info">
|
||||
<span>
|
||||
<h4>{{ item.title }}</h4>
|
||||
</span>
|
||||
<small>{{ item.description }}</small>
|
||||
</div>
|
||||
<div class="cover-fields">
|
||||
<i class="fa fa-list-ul"></i>
|
||||
{{ item.type }}
|
||||
</div>
|
||||
<div class="cover-stat">
|
||||
<i class="fa fa-eye"></i
|
||||
><span class="f10"> {{ item.tip }}</span>
|
||||
<i class="fa fa-heart"></i
|
||||
><span class="f10"> {{ item.grade.join(',') }}年级</span>
|
||||
<div class="cover-yh">
|
||||
{{ item.author }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modalMask" v-show="gameShowStatus">
|
||||
<div class="modalContainer">
|
||||
<map-editor ref="editor" @sceneLoaded="sceneLoaded"> </map-editor>
|
||||
<div class="game-details-block">
|
||||
<div class="block-top">
|
||||
<p class="game-name text-overflow">
|
||||
<span> {{ selectSample.title }} </span>
|
||||
</p>
|
||||
<div class="game-datas">
|
||||
<!-- <div class="game-use-count"><span class="use-num">使用 0</span><span class="answer-num">作答 0</span><span class="correct-rate">正确率 0%</span></div> -->
|
||||
</div>
|
||||
<div class="tool-btns">
|
||||
<div
|
||||
class="game-add-button iconfont icon-car larger"
|
||||
:class="{ disabled: disabledStartBtn }"
|
||||
@click="gameBegin"
|
||||
>
|
||||
开始游戏
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="block-main overflow">
|
||||
<li>
|
||||
<label class="label-name">游戏类型：</label>
|
||||
<div class="game-id">
|
||||
<em>{{ selectSample.type }}</em>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label class="label-name">年级：</label>
|
||||
<div class="game-url">
|
||||
<em>{{ selectSample.grade.join(',') }}年级</em>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label class="label-name">游戏简介：</label>
|
||||
<p class="game-desc">{{ selectSample.description }}</p>
|
||||
</li>
|
||||
<li>
|
||||
<label class="label-name">游戏标签：</label>
|
||||
<ul class="game-label-list">
|
||||
<li><span>思维逻辑</span></li>
|
||||
<li><span>逆向思维</span></li>
|
||||
<li><span>鸡蛋灌饼</span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="game-label">
|
||||
<label class="label-name">程序id：</label>
|
||||
<ul class="knowledge-label-list">
|
||||
<li>{{ selectSample.name }}</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="upload-name">
|
||||
<label class="label-name">研发：</label
|
||||
><span>{{ selectSample.author }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="fa fa-close iconClose"
|
||||
aria-hidden="true"
|
||||
@click="closeGameModel"
|
||||
></div>
|
||||
</div>
|
||||
<transition name="fade">
|
||||
<div class="yyMask" v-show="yyLoadingStatus">
|
||||
<img src="/static/img/loading-yy.gif" />
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import mapEditor from './mapEditor'
|
||||
import {
|
||||
sampleData,
|
||||
GameSyncTypeEnum,
|
||||
GradeEnum,
|
||||
CourseStepEnum,
|
||||
AuthorEnum,
|
||||
SubjectEnum,
|
||||
} from '@/config/configSample'
|
||||
import web2game from './web2game'
|
||||
|
||||
import { GAME2WEB_EVENTTYPE, E2G_EVENTTYPE } from '../../const/event'
|
||||
export default {
|
||||
created() {
|
||||
this.sampleData = sampleData
|
||||
this.oriSampleData = this.sampleData
|
||||
// eventBus.on(GAME2WEB_EVENTTYPE.ON_PAGE_CHANGE_SUCCESS, () => {
|
||||
// this.gameLoadingStatus = false
|
||||
// this.gameShowStatus = true
|
||||
// setTimeout(() => {
|
||||
// // 改变位置后
|
||||
// const myEvent = new Event('resize')
|
||||
// window.dispatchEvent(myEvent)
|
||||
// }, 200)
|
||||
// })
|
||||
|
||||
},
|
||||
components: {
|
||||
mapEditor,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
gameShowStatus: false,
|
||||
gameLoadingStatus: false,
|
||||
isFirstCreate: true,
|
||||
yyLoadingStatus: false,
|
||||
disabledStartBtn: false,
|
||||
GameSyncTypeEnum,
|
||||
GradeEnum,
|
||||
CourseStepEnum,
|
||||
AuthorEnum,
|
||||
SubjectEnum,
|
||||
GameSyncTypeEnumSelect: null,
|
||||
GradeEnumSelect: null,
|
||||
CourseStepEnumSelect: null,
|
||||
AuthorEnumSelect: null,
|
||||
SubjectEnumSelect: null,
|
||||
sampleData: [],
|
||||
oriSampleData: [],
|
||||
selectSample: {
|
||||
name: 'game_labyrinth',
|
||||
title: '迷宫',
|
||||
description: '使小球走道终点，可以用aswd或者上下左右的键盘进行控制',
|
||||
grade: [1, 2, 3],
|
||||
tip: '大游戏',
|
||||
author: '靳国强',
|
||||
type: '分发',
|
||||
},
|
||||
ratio: 2.5,
|
||||
STUDENT_SIZE: {
|
||||
width: 2048,
|
||||
height: 1152,
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sceneLoaded() {
|
||||
// this.gameShowStatus = false
|
||||
this.yyLoadingStatus = false
|
||||
},
|
||||
showGameModel(selectSample) {
|
||||
this.gameLoadingStatus = true
|
||||
this.selectSample = selectSample
|
||||
this.disabledStartBtn = false
|
||||
web2game.loadScene(selectSample.name)
|
||||
// .then((sceneName) => {
|
||||
// cc.director.loadScene(selectSample.name)
|
||||
this.gameLoadingStatus = false
|
||||
this.gameShowStatus = true
|
||||
// // web2game.updateResolution(this.STUDENT_SIZE, this.ratio)
|
||||
|
||||
// // setTimeout(() => {
|
||||
// // // 改变位置后
|
||||
// // const myEvent = new Event('resize')
|
||||
// // window.dispatchEvent(myEvent)
|
||||
// // },400)
|
||||
// })
|
||||
},
|
||||
closeGameModel() {
|
||||
this.gameShowStatus = false
|
||||
// web2game.unloadGame()
|
||||
},
|
||||
gameBegin() {
|
||||
if (this.disabledStartBtn) return
|
||||
this.disabledStartBtn = true
|
||||
web2game.emit('nova.teacher.start')
|
||||
},
|
||||
selectFilter(key, value) {
|
||||
this[key + 'Select'] = value
|
||||
this.search()
|
||||
},
|
||||
search() {
|
||||
this.sampleData = this.oriSampleData.filter((el) => {
|
||||
return (
|
||||
(!this.GameSyncTypeEnumSelect ||
|
||||
el.type == this.GameSyncTypeEnumSelect) &&
|
||||
(!this.GradeEnumSelect || el.grade.includes(this.GradeEnumSelect)) &&
|
||||
(!this.CourseStepEnumSelect || el.tip == this.CourseStepEnumSelect) &&
|
||||
(!this.AuthorEnumSelect || el.author == this.AuthorEnumSelect) &&
|
||||
(!this.SubjectEnumSelect || el.subject == this.SubjectEnumSelect)
|
||||
)
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang = scss>
|
||||
.fade-enter {
|
||||
opacity: 0;
|
||||
}
|
||||
.fade-enter-active {
|
||||
transition: opacity 1s;
|
||||
}
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
.fade-leave-active {
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
.centerEditor {
|
||||
position: relative;
|
||||
top: 75px;
|
||||
padding-bottom: 50px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.centerEditorContainer {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.no-data {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
img {
|
||||
height: 136px;
|
||||
}
|
||||
.no-data-text {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.base-filter-block {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 13px 24px 13px 24px;
|
||||
background: #fff;
|
||||
flex-shrink: 0;
|
||||
margin-top: 24px;
|
||||
box-shadow: 0 1px 3px 0 rgba(85, 97, 107, 0.15);
|
||||
border-radius: 4px;
|
||||
.group-list {
|
||||
flex: 1;
|
||||
margin-right: 16px;
|
||||
.group-item {
|
||||
display: flex;
|
||||
position: relative;
|
||||
.group-label {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
margin-top: 3px;
|
||||
width: 65px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-weight: 600;
|
||||
.red-icon {
|
||||
position: relative;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.label-name {
|
||||
padding-left: 0px;
|
||||
flex: 1;
|
||||
text-align-last: justify;
|
||||
}
|
||||
.colon {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
.group-options {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.option-item {
|
||||
padding: 3px 4px;
|
||||
height: 26px;
|
||||
cursor: pointer;
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
&.is-actived span,
|
||||
&:hover span {
|
||||
background-color: #e7f5ff;
|
||||
color: #3f92ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.itemList {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 23.7%);
|
||||
grid-row-gap: 20px;
|
||||
grid-column-gap: 20px;
|
||||
width: 100%;
|
||||
.itemContainer {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
|
||||
position: relative;
|
||||
transition: all 1s ease 0s;
|
||||
overflow: hidden;
|
||||
&:hover {
|
||||
box-shadow: 7px 17px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.cover-info {
|
||||
padding: 6px 15px 28px;
|
||||
height: 80px;
|
||||
overflow: hidden;
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: keep-all;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
line-height: 18px;
|
||||
margin-top: 7px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
small {
|
||||
color: #838383;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.cover-fields {
|
||||
bottom: 34px;
|
||||
font-size: 12px;
|
||||
height: 35px;
|
||||
left: 10px;
|
||||
line-height: 35px;
|
||||
max-width: 210px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.cover-stat {
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 0 0 3px 3px;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
box-shadow: 0 1px 0 0 #fff inset;
|
||||
padding: 7px 15px 7px 15px;
|
||||
color: #8b8b8c;
|
||||
position: relative;
|
||||
.cover-yh {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
top: 1px;
|
||||
border-left: 1px solid #ddd;
|
||||
color: #aaa;
|
||||
cursor: default;
|
||||
width: 40px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
transition: color 0.15s linear;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
text-rendering: auto;
|
||||
font-size: 12px;
|
||||
font-family: 'Arial';
|
||||
}
|
||||
.f10 {
|
||||
font-size: 10px;
|
||||
font-family: 'Arial';
|
||||
padding-right: 12px;
|
||||
}
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
transition: all 1s ease 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
.yyMask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 4;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%) scale(-0.5, 0.5);
|
||||
}
|
||||
}
|
||||
.result-num {
|
||||
flex-shrink: 0;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 12px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #666;
|
||||
}
|
||||
.modalMask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(3, 3, 3, 0.5);
|
||||
.iconClose {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 300px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 40px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.modalContainer {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
.game-details-block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin-left: 16px;
|
||||
width: 370px;
|
||||
height: 460px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 2px 10px 0 rgba(58, 66, 73, 0.21);
|
||||
box-shadow: 0 2px 10px 0 rgba(58, 66, 73, 0.21);
|
||||
border-radius: 4px;
|
||||
.block-main,
|
||||
.block-top {
|
||||
padding-left: 24px;
|
||||
padding-right: 22px;
|
||||
}
|
||||
|
||||
.block-top {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
padding-top: 24px;
|
||||
padding-bottom: 21px;
|
||||
border-bottom: 1px solid #f0f1f2;
|
||||
}
|
||||
|
||||
.block-main {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-bottom: 31px;
|
||||
}
|
||||
|
||||
.block-footer {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
border-top: 1px solid #f0f1f2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.game-name {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.game-datas {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
margin-top: 14px;
|
||||
.game-use-count {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #979ea6;
|
||||
}
|
||||
|
||||
.game-use-count > span + span {
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-btns {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-top: 22px;
|
||||
.larger {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.game-add-button {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
background: #3f92ff;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
&:active {
|
||||
background: #66a8ff;
|
||||
}
|
||||
&:hover {
|
||||
background: #66a8ff;
|
||||
}
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tool-btns .btn-edit,
|
||||
.tool-btns .game-add-button {
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.tool-btns .btn-edit,
|
||||
.tool-btns .btn-modify {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 0 15px;
|
||||
border-radius: 8px;
|
||||
color: #3f92ff;
|
||||
}
|
||||
|
||||
.tool-btns .btn-edit > .iconfont,
|
||||
.tool-btns .btn-modify > .iconfont {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.block-main > li {
|
||||
margin-top: 19px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.block-main > li.game-label,
|
||||
.block-main > li.upload-name {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.label-name {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 8px;
|
||||
width: 70px;
|
||||
-moz-text-align-last: justify;
|
||||
text-align-last: justify;
|
||||
}
|
||||
|
||||
.icon-copy {
|
||||
margin-left: 6px;
|
||||
padding: 0 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icon-copy:hover {
|
||||
color: #3f92ff;
|
||||
}
|
||||
|
||||
.game-desc {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.game-desc .icon-arrow-bottom,
|
||||
.game-desc .icon-arrow-top {
|
||||
color: #3f92ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.game-label-list,
|
||||
.knowledge-label-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.game-label-list li {
|
||||
margin-right: 12px;
|
||||
margin-bottom: 11px;
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
.game-label-list li > span {
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
border-radius: 3px;
|
||||
color: #979ea6;
|
||||
background-color: #f0f4f6;
|
||||
}
|
||||
|
||||
.knowledge-label-list li {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 12px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.knowledge-label-list li .icon-label {
|
||||
margin-right: 6px;
|
||||
color: #979ea6;
|
||||
}
|
||||
|
||||
.knowledge-label-list li > span {
|
||||
color: #979ea6;
|
||||
}
|
||||
|
||||
.btn-delete {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-delete .icon-delete {
|
||||
margin-right: 10px;
|
||||
font-size: 14px;
|
||||
color: #979ea6;
|
||||
}
|
||||
|
||||
.btn-delete:hover .icon-delete {
|
||||
color: #ff4640;
|
||||
}
|
||||
}
|
||||
.gameDetailsBlock {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 16px;
|
||||
width: 420px;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 10px 0 rgba(58, 66, 73, 0.21);
|
||||
border-radius: 4px;
|
||||
/* &.teacherSize {
|
||||
width: 3036px;
|
||||
height: 1366px;
|
||||
transform: matrix(0.33, 0, 0, 0.33, -1618, -768);
|
||||
}
|
||||
&.studentSize {
|
||||
width: 2048px;
|
||||
height: 1152px;
|
||||
transform: matrix(0.5, 0, 0, 0.5, -1124, -576);
|
||||
} */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
28
vueTem/src/views/editor/editor.vue
Normal file
28
vueTem/src/views/editor/editor.vue
Normal file
@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<div class="editor">
|
||||
<center-panel></center-panel>
|
||||
<right-panel></right-panel>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import centerPanel from './centerPanel'
|
||||
import rightPanel from './rightPanel'
|
||||
|
||||
export default {
|
||||
name: 'electron-cocos',
|
||||
components: {
|
||||
centerPanel,
|
||||
rightPanel,
|
||||
},
|
||||
created() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editor {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
159
vueTem/src/views/editor/headEditor.vue
Normal file
159
vueTem/src/views/editor/headEditor.vue
Normal file
@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<div class="topbar topicfixed">
|
||||
<div class="toppic">
|
||||
<div class="topside">
|
||||
<a
|
||||
href="##"
|
||||
class="logoLink"
|
||||
>im.qq.com</a>
|
||||
<ul
|
||||
id="topNav"
|
||||
class="topNav"
|
||||
>
|
||||
<li
|
||||
v-for='item in routerData'
|
||||
:key='item.path'
|
||||
active-class='current'
|
||||
>
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
routerData: [
|
||||
{
|
||||
name: '首页',
|
||||
path: '/index',
|
||||
},
|
||||
{
|
||||
name: '汉字笔顺生成器',
|
||||
path: '/hanzi',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang = scss>
|
||||
div {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Helvetica, Tahoma, Arial, 'Hiragino Sans GB',
|
||||
'Hiragino Sans GB W3', 'Microsoft YaHei', STXihei, STHeiti, Heiti, SimSun,
|
||||
sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.topbar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.toppic {
|
||||
max-width: 1170px;
|
||||
min-width: 980px;
|
||||
width: 80%;
|
||||
height: 75px;
|
||||
margin: 0 auto;
|
||||
|
||||
a {
|
||||
&:link,
|
||||
&:visited {
|
||||
/*color: #fff;*/
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topicfixed {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
|
||||
a {
|
||||
&:link,
|
||||
&:visited {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.international .topicfixed .toppic a {
|
||||
&:link,
|
||||
&:visited {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.topside {
|
||||
float: left;
|
||||
width: 59%;
|
||||
}
|
||||
|
||||
.logoLink {
|
||||
float: left;
|
||||
display: block;
|
||||
width: 31px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
padding-top: 76px;
|
||||
font-size: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('/static/img/youyou.png');
|
||||
background-position: 0 50%;
|
||||
background-size: 31px 46px;
|
||||
}
|
||||
.topNav {
|
||||
float: left;
|
||||
width: 450px;
|
||||
li {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
|
||||
a {
|
||||
float: left;
|
||||
padding: 0 20px;
|
||||
line-height: 75px;
|
||||
font-size: 1.125em;
|
||||
|
||||
&:hover {
|
||||
color: #3f92ff;
|
||||
}
|
||||
}
|
||||
|
||||
&.current a {
|
||||
color: #3f92ff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topicfixed {
|
||||
height: 75px;
|
||||
}
|
||||
</style>
|
||||
74
vueTem/src/views/editor/mapEditor.vue
Normal file
74
vueTem/src/views/editor/mapEditor.vue
Normal file
@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<div id="GameDiv" class="studentSize">
|
||||
<canvas id="GameCanvas"></canvas>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import GAME_INIT from '../../../static/cocos-loader/creator-load'
|
||||
import { GAME2WEB_EVENTTYPE, E2G_EVENTTYPE } from '../../const/event'
|
||||
import { mapState, mapMutations } from 'vuex'
|
||||
import web2game from './web2game'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
ratio: 1.2,
|
||||
STUDENT_SIZE: {
|
||||
width: 960,
|
||||
height: 640,
|
||||
},
|
||||
TEACHER_SIZE: {
|
||||
width: 1012,
|
||||
height: 455,
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
setTimeout(() => {
|
||||
this.init()
|
||||
}, 200)
|
||||
},
|
||||
computed: {
|
||||
...mapState('CCGameLoaded', ['isloaded']),
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
GAME_INIT(() => {
|
||||
web2game.loadScene('helloworld1').then((scenename) => {
|
||||
console.log(123)
|
||||
web2game.updateResolution(this.STUDENT_SIZE, this.ratio)
|
||||
this.$emit('sceneLoaded') // 发给父组件初始化完毕，这时去掉遮罩
|
||||
})
|
||||
})
|
||||
},
|
||||
...mapMutations('CCGameLoaded', ['SET_CCGAME_LOADED']),
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang='scss'>
|
||||
#GameDiv {
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// left: 50%;
|
||||
// transform: translate(-50%, -50%);
|
||||
// &.teacherSize {
|
||||
// width: 1012px;
|
||||
// height: 455px;
|
||||
// }
|
||||
&.studentSize {
|
||||
width: 960;
|
||||
height: 640px;
|
||||
}
|
||||
}
|
||||
#GameCanvas {
|
||||
display: block;
|
||||
touch-action: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
border-radius: 5px;
|
||||
}
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
336
vueTem/src/views/editor/rightPanel.vue
Normal file
336
vueTem/src/views/editor/rightPanel.vue
Normal file
@ -0,0 +1,336 @@
|
||||
<template>
|
||||
<div id="PropertyView" style="right: 0; top: 0">
|
||||
<h1 id="PropertyViewHeader" class="f--hlc" style="cursor: default">
|
||||
<div class="property-header f--hlc">
|
||||
<div>画布</div>
|
||||
</div>
|
||||
</h1>
|
||||
<div
|
||||
class=""
|
||||
id="PropertyViewBody"
|
||||
style="max-height: calc(100% - 30px); overflow-y: scroll"
|
||||
v-show="!foldMenuStatus"
|
||||
>
|
||||
<div class="property-fields">
|
||||
<form class="ant-form ant-form-horizontal form_display">
|
||||
<am-input
|
||||
@change="changeX4Game"
|
||||
v-model="x"
|
||||
label="X轴位移"
|
||||
icon="px"
|
||||
:full="false"
|
||||
min="-9999"
|
||||
/>
|
||||
<am-input
|
||||
@change="changeY4Game"
|
||||
v-model="y"
|
||||
label="Y轴位移"
|
||||
icon="px"
|
||||
:full="false"
|
||||
min="-9999"
|
||||
/>
|
||||
<am-input
|
||||
@change="changeAngle4Game"
|
||||
v-model="angle"
|
||||
icon="degree"
|
||||
:full="false"
|
||||
min="-360"
|
||||
>
|
||||
<template slot="label">
|
||||
<div class="rotation" title="旋转"></div>
|
||||
</template>
|
||||
</am-input>
|
||||
<am-input
|
||||
@change="changeScale4Game"
|
||||
v-model="scale"
|
||||
label="缩放"
|
||||
icon="rate"
|
||||
:full="false"
|
||||
:step="0.1"
|
||||
/>
|
||||
</form>
|
||||
<form class="ant-form ant-form-horizontal form_display2">
|
||||
<am-input
|
||||
@change="changeOpacity4Game"
|
||||
v-model="opacity"
|
||||
label="不透明度"
|
||||
showSlider
|
||||
min="0"
|
||||
max="100"
|
||||
icon="rate"
|
||||
/>
|
||||
</form>
|
||||
<form
|
||||
class="ant-form ant-form-horizontal form_display2"
|
||||
style="padding-bottom: 20px"
|
||||
>
|
||||
<el-upload
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:limit="3"
|
||||
:file-list="fileList"
|
||||
:on-change="uploadChange"
|
||||
accept=".jpg,.jpeg,.png,.JPG,.JPEG"
|
||||
v-show="showImgUploadBtn"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
class="ant-btn ant-btn-primary"
|
||||
style="margin-bottom: 10px"
|
||||
>
|
||||
<span>上传图片</span>
|
||||
<span> </span>
|
||||
</button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传jpg/png文件，且不超过500kb
|
||||
</div>
|
||||
</el-upload>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<am-alert :show.sync="showAlert" v-model="alertText" type="error" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import amInput from '../../components/BaseToolInput'
|
||||
import amColorPicker from '../../components/BaseColorPicker'
|
||||
import amSwitchInput from '../../components/BaseSwitchInput'
|
||||
import amToolTextarea from '../../components/BaseToolTextarea'
|
||||
import amAlert from '../../components/BaseAlert'
|
||||
import amConfirm from '../../components/BaseConfirm'
|
||||
import { GAME2WEB_EVENTTYPE, E2G_EVENTTYPE } from '../../const/event'
|
||||
// import { copyFile, saveConfig } from "../../utils/tools/node-utils";
|
||||
import web2game from './web2game'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
foldMenuStatus: false,
|
||||
x: 0,
|
||||
y: 0,
|
||||
angle: 0,
|
||||
scale: 1,
|
||||
opacity: 255,
|
||||
fileList: [],
|
||||
savePath: '',
|
||||
textCur: 'left',
|
||||
desCur: 'normal',
|
||||
styleCur: 'normal',
|
||||
weightCur: 'normal',
|
||||
colorSwitch: true,
|
||||
bgSwitch: true,
|
||||
showAlert: false,
|
||||
alertText: '',
|
||||
activeNode: null,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.savePath = path.join(
|
||||
// path.resolve("."),
|
||||
// "cocos-build/web-mobile/custom"
|
||||
// );
|
||||
// eventBus.on('GAMENODE_MOVED', (target) => {
|
||||
// this.activeNode = target
|
||||
// this.changePosition4Editor()
|
||||
// })
|
||||
// eventBus.on('GAMENODE_MOVEEND', (target) => {
|
||||
// this.activeNode = target
|
||||
// this.changePosition4Editor()
|
||||
// this.changeNodeAttributeAndSave({
|
||||
// x: this.x,
|
||||
// y: this.y,
|
||||
// })
|
||||
// })
|
||||
|
||||
eventBus.on('WEB_MSG_TYPE.SELECT_NODE', (nodeInfo) => {
|
||||
this.activeNode = nodeInfo
|
||||
this.x = this.activeNode.x
|
||||
this.y = this.activeNode.y
|
||||
this.angle = this.activeNode.angle
|
||||
this.opacity = this.activeNode.opacity
|
||||
this.scale = this.activeNode.scale
|
||||
|
||||
console.log(nodeInfo)
|
||||
this.$notify({
|
||||
title: '打开控制台看console',
|
||||
position: 'top-left',
|
||||
message:
|
||||
'可以直接获取节点信息，并且可以直接在web内进行修改（可以直接在右边的属性栏内修改节点属性），如果还能实现保存，就能实现编辑了。',
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
changePosition4Editor() {
|
||||
this.x = this.activeNode.x ? parseInt(this.activeNode.x) : 0
|
||||
this.y = this.activeNode.y ? parseInt(this.activeNode.y) : 0
|
||||
},
|
||||
changeColor(switchStatus, color) {
|
||||
console.log(switchStatus, color)
|
||||
},
|
||||
changeX4Game(newVal) {
|
||||
this.changeNodeAttribute4Game('x', this.x)
|
||||
},
|
||||
changeY4Game(newVal) {
|
||||
this.changeNodeAttribute4Game('y', this.y)
|
||||
},
|
||||
changeScale4Game(newVal) {
|
||||
this.changeNodeAttribute4Game('scale', this.scale)
|
||||
},
|
||||
changeAngle4Game(newVal) {
|
||||
console.log(this.angle)
|
||||
this.changeNodeAttribute4Game('angle', this.angle)
|
||||
},
|
||||
changeOpacity4Game(newVal) {
|
||||
this.changeNodeAttribute4Game('opacity', Math.ceil(this.opacity * 2.55))
|
||||
},
|
||||
changeNodeAttribute4Game(attribute, value) {
|
||||
if (typeof attribute == 'object') {
|
||||
for (let key in attribute) {
|
||||
web2game.setNodeAttribute({
|
||||
node: this.activeNode,
|
||||
key,
|
||||
value: attribute[key],
|
||||
})
|
||||
}
|
||||
} else {
|
||||
web2game.setNodeAttribute({
|
||||
node: this.activeNode,
|
||||
attribute,
|
||||
value,
|
||||
})
|
||||
}
|
||||
},
|
||||
changeNodeAttributeAndSave(attribute, value) {
|
||||
this.changeNodeAttribute4Game(attribute, value)
|
||||
// const gamesConfig = window.cocosGames;
|
||||
// const gameData = gamesConfig[1];
|
||||
// console.log(gamesConfig);
|
||||
// if (!gamesConfig[1].editorConfig) {
|
||||
// gamesConfig[1].editorConfig = {};
|
||||
// }
|
||||
// if (gamesConfig[1].editorConfig[this.activeNode.increaseId]) {
|
||||
// if (typeof attribute == "object") {
|
||||
// for (let key in attribute) {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId][key] =
|
||||
// attribute[key];
|
||||
// }
|
||||
// } else {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId][
|
||||
// attribute
|
||||
// ] = value;
|
||||
// }
|
||||
// } else {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId] = {};
|
||||
// for (let key in attribute) {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId][key] =
|
||||
// attribute[key];
|
||||
// }
|
||||
// }
|
||||
// console.log(4444);
|
||||
// saveConfig("window.cocosGames = " + JSON.stringify(gamesConfig));
|
||||
},
|
||||
|
||||
isImage(fileName) {
|
||||
if (typeof fileName !== 'string') return
|
||||
let name = fileName.toLowerCase()
|
||||
return (
|
||||
name.endsWith('.png') ||
|
||||
name.endsWith('.jpeg') ||
|
||||
name.endsWith('.jpg') ||
|
||||
name.endsWith('.png') ||
|
||||
name.endsWith('.bmp')
|
||||
)
|
||||
},
|
||||
// 方法判断
|
||||
uploadChange(file, fileList) {
|
||||
if (!this.activeNode) return
|
||||
// 拿到当前上传图片的name，判断其后缀名是否符合
|
||||
let type = this.isImage(file.name)
|
||||
console.log(type)
|
||||
this.fileList = fileList
|
||||
let fileLength = this.fileList.length
|
||||
if (!type) {
|
||||
// 若不符合图片类型，则让当前上传的文件去除掉即可，即从上传对列删除本次上传
|
||||
this.fileList.splice(fileLength - 1, 1)
|
||||
this.$message.error('只允许上传图片')
|
||||
return
|
||||
}
|
||||
this.onUploadSuccess(file, fileList)
|
||||
},
|
||||
onUploadSuccess(file, fileList) {
|
||||
console.log(file, fileList)
|
||||
var reader = new FileReader()
|
||||
reader.readAsDataURL(file.raw)
|
||||
reader.onload = () => {
|
||||
console.log(reader.result) //获取到base64格式图片
|
||||
const img = new Image()
|
||||
img.src = reader.result
|
||||
let tex = new cc.Texture2D()
|
||||
tex.initWithElement(img)
|
||||
tex.handleLoadedTexture()
|
||||
this.activeNode.getComponent(
|
||||
cc.Sprite
|
||||
).spriteFrame = new cc.SpriteFrame(tex)
|
||||
// const sp = new SpriteFrame()
|
||||
// sp.texture = tex
|
||||
// self.sp.spriteFrame = sp
|
||||
}
|
||||
// cc.loader.load(img, (err, texture) => {
|
||||
// if (err) return
|
||||
// this.activeNode.getComponent(
|
||||
// cc.Sprite
|
||||
// ).spriteFrame = new cc.SpriteFrame(texture)
|
||||
// })
|
||||
// const filePath = file.raw.path;
|
||||
// const imageType = file.raw.type;
|
||||
// const name = Date.now();
|
||||
// const type = imageType.split("/")[1];
|
||||
// copyFile(filePath, this.savePath, name + "." + type, () => {
|
||||
// cc.log("进入回调");
|
||||
// cc.log(this.savePath + "/" + name + "." + type);
|
||||
// if (this.activeNode) {
|
||||
// web2game.LOAD_CUSTOMIMG(name + "." + type, (err, texture) => {
|
||||
// cc.log("加载成功");
|
||||
// var spriteFrame = new cc.SpriteFrame(texture);
|
||||
// this.activeNode.getComponent(cc.Sprite).spriteFrame = spriteFrame;
|
||||
// const gamesConfig = window.cocosGames;
|
||||
// const gameData = gamesConfig[1];
|
||||
// console.log(name + "." + type);
|
||||
// if (!gamesConfig[1].editorConfig) {
|
||||
// gamesConfig[1].editorConfig = {};
|
||||
// }
|
||||
// if (gamesConfig[1].editorConfig[this.activeNode.increaseId]) {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId].sprite =
|
||||
// name + "." + type;
|
||||
// } else {
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId] = {};
|
||||
// gamesConfig[1].editorConfig[this.activeNode.increaseId].sprite =
|
||||
// name + "." + type;
|
||||
// }
|
||||
// saveConfig("window.cocosGames = " + JSON.stringify(gamesConfig));
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// fs.copyFile(filePath, this.savePath, (err)=>{
|
||||
// console.log(123)
|
||||
// });
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
showImgUploadBtn() {
|
||||
return this.activeNode && this.activeNode.getComponent(cc.Sprite)
|
||||
},
|
||||
},
|
||||
components: {
|
||||
amInput,
|
||||
amColorPicker,
|
||||
amSwitchInput,
|
||||
amToolTextarea,
|
||||
amAlert,
|
||||
amConfirm,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
96
vueTem/src/views/editor/web2game.js
Normal file
96
vueTem/src/views/editor/web2game.js
Normal file
@ -0,0 +1,96 @@
|
||||
/* eslint-disable no-undef */
|
||||
/* eslint-disable space-before-function-paren */
|
||||
class Web2Game {
|
||||
/**
|
||||
* 根据页码切换课件
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
changeGameByPageIndex(pageIndex, callback) {
|
||||
cc.web2cocosSDK.changeGameByPageIndex(pageIndex, callback)
|
||||
}
|
||||
/**
|
||||
* 加载场景
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
loadScene(sceneName, callback) {
|
||||
return cc.web2cocosSDK.loadScene(sceneName, callback)
|
||||
}
|
||||
/**
|
||||
* 加载游戏的预制体
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
loadGame(gameName, callback) {
|
||||
cc.web2cocosSDK.loadGame(gameName, callback)
|
||||
}
|
||||
/**
|
||||
* 卸载游戏
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
unloadGame() {
|
||||
cc.web2cocosSDK.unloadGame()
|
||||
}
|
||||
/**
|
||||
* 加载图片 --electron内使用
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
|
||||
loadCustomImage(imageName, callback) {
|
||||
cc.web2cocosSDK.loadCustomImage(imageName, callback)
|
||||
}
|
||||
/**
|
||||
* 重置game分辨率
|
||||
*
|
||||
* @param {cc.Vec2} editorSize {width:2048,height:1152}
|
||||
* @param {number} ratio 缩放的倍率
|
||||
* @param {Function} callFunc
|
||||
*/
|
||||
updateResolution(editorSize, ratio, callback) {
|
||||
cc.web2cocosSDK.updateResolution(editorSize, ratio, callback)
|
||||
}
|
||||
/**
|
||||
* 设置节点属性
|
||||
*
|
||||
* @param {string} sceneName
|
||||
* @param {Function} callback
|
||||
* @memberof Web2Game
|
||||
*/
|
||||
setNodeAttribute({ node, attribute, value }) {
|
||||
cc.web2cocosSDK.setNodeAttribute({ node, attribute, value })
|
||||
}
|
||||
/**
|
||||
* 触发cocos内的事件系统
|
||||
*
|
||||
* @param {*} eventName
|
||||
* @param {*} params
|
||||
*/
|
||||
emit(eventName, params) {
|
||||
cc.web2cocosSDK.emitGameEvt(eventName, params)
|
||||
}
|
||||
static getInstance() {
|
||||
let instance
|
||||
return function() {
|
||||
if (!instance) {
|
||||
instance = new Web2Game()
|
||||
}
|
||||
return instance
|
||||
}
|
||||
}
|
||||
}
|
||||
const web2game = new Web2Game()
|
||||
|
||||
export default web2game
|
||||
150
vueTem/src/views/header/TheHeader.vue
Normal file
150
vueTem/src/views/header/TheHeader.vue
Normal file
@ -0,0 +1,150 @@
|
||||
<template>
|
||||
<div class="topbar topicfixed">
|
||||
<div class="toppic">
|
||||
<div class="topside">
|
||||
<a href="##" class="logoLink">im.qq.com</a>
|
||||
<ul id="topNav" class="topNav">
|
||||
<li>
|
||||
<a href="/">首页</a>
|
||||
</li>
|
||||
|
||||
<li v-for='item in routerData' :key='item.path' active-class='current'>
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
routerData: [
|
||||
// {
|
||||
// name: '首页',
|
||||
// path: '/index'
|
||||
// },
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang = scss>
|
||||
div {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Helvetica, Tahoma, Arial, 'Hiragino Sans GB',
|
||||
'Hiragino Sans GB W3', 'Microsoft YaHei', STXihei, STHeiti, Heiti, SimSun,
|
||||
sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.topbar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.toppic {
|
||||
max-width: 1170px;
|
||||
min-width: 980px;
|
||||
width: 80%;
|
||||
height: 75px;
|
||||
margin: 0 auto;
|
||||
|
||||
a {
|
||||
&:link,
|
||||
&:visited {
|
||||
/*color: #fff;*/
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topicfixed {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
|
||||
a {
|
||||
&:link,
|
||||
&:visited {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.international .topicfixed .toppic a {
|
||||
&:link,
|
||||
&:visited {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.topside {
|
||||
float: left;
|
||||
width: 59%;
|
||||
}
|
||||
|
||||
.logoLink {
|
||||
float: left;
|
||||
display: block;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
overflow: hidden;
|
||||
margin-top: 13px;
|
||||
font-size: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('/static/img/head.jpg');
|
||||
background-position: 0 50%;
|
||||
background-size: 46px 46px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.topNav {
|
||||
float: left;
|
||||
width: 450px;
|
||||
li {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
|
||||
a {
|
||||
float: left;
|
||||
padding: 0 20px;
|
||||
line-height: 75px;
|
||||
font-size: 1.125em;
|
||||
|
||||
&:hover {
|
||||
color: #3f92ff;
|
||||
}
|
||||
}
|
||||
|
||||
&.current a {
|
||||
color: #3f92ff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topicfixed {
|
||||
height: 75px;
|
||||
}
|
||||
</style>
|
||||
1
vueTem/static/cocos-build/web-mobile/cocos2d-js-min.js
vendored
Normal file
1
vueTem/static/cocos-build/web-mobile/cocos2d-js-min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
vueTem/static/cocos-build/web-mobile/favicon.ico
Normal file
BIN
vueTem/static/cocos-build/web-mobile/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
90
vueTem/static/cocos-build/web-mobile/index.html
Normal file
90
vueTem/static/cocos-build/web-mobile/index.html
Normal file
@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Cocos Creator | hello_world</title>
|
||||
|
||||
<!--http://www.html5rocks.com/en/mobile/mobifying/-->
|
||||
<meta name="viewport"
|
||||
content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
|
||||
|
||||
<!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
|
||||
<!-- force webkit on 360 -->
|
||||
<meta name="renderer" content="webkit"/>
|
||||
<meta name="force-rendering" content="webkit"/>
|
||||
<!-- force edge on IE -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<meta name="msapplication-tap-highlight" content="no">
|
||||
|
||||
<!-- force full screen on some browser -->
|
||||
<meta name="full-screen" content="yes"/>
|
||||
<meta name="x5-fullscreen" content="true"/>
|
||||
<meta name="360-fullscreen" content="true"/>
|
||||
|
||||
<!-- force screen orientation on some browser -->
|
||||
<meta name="screen-orientation" content=""/>
|
||||
<meta name="x5-orientation" content="">
|
||||
|
||||
<!--fix fireball/issues/3568 -->
|
||||
<!--<meta name="browsermode" content="application">-->
|
||||
<meta name="x5-page-mode" content="app">
|
||||
|
||||
<!--<link rel="apple-touch-icon" href=".png" />-->
|
||||
<!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="style-mobile.css"/>
|
||||
<link rel="icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
|
||||
<div id="splash">
|
||||
<div class="progress-bar stripes">
|
||||
<span style="width: 0%"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="src/settings.js" charset="utf-8"></script>
|
||||
|
||||
<script src="main.js" charset="utf-8"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function () {
|
||||
// open web debugger console
|
||||
if (typeof VConsole !== 'undefined') {
|
||||
window.vConsole = new VConsole();
|
||||
}
|
||||
|
||||
var debug = window._CCSettings.debug;
|
||||
var splash = document.getElementById('splash');
|
||||
splash.style.display = 'block';
|
||||
|
||||
function loadScript (moduleName, cb) {
|
||||
function scriptLoaded () {
|
||||
document.body.removeChild(domScript);
|
||||
domScript.removeEventListener('load', scriptLoaded, false);
|
||||
cb && cb();
|
||||
};
|
||||
var domScript = document.createElement('script');
|
||||
domScript.async = true;
|
||||
domScript.src = moduleName;
|
||||
domScript.addEventListener('load', scriptLoaded, false);
|
||||
document.body.appendChild(domScript);
|
||||
}
|
||||
|
||||
loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js', function () {
|
||||
if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
|
||||
loadScript(debug ? 'physics.js' : 'physics-min.js', window.boot);
|
||||
}
|
||||
else {
|
||||
window.boot();
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user