Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
N
new_taobao
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
wildfirecode13
new_taobao
Commits
32251856
Commit
32251856
authored
Sep 22, 2020
by
Edwise
🍷
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
123
parent
d7dfacb4
Changes
17
Hide whitespace changes
Inline
Side-by-side
Showing
17 changed files
with
1156 additions
and
256 deletions
+1156
-256
comcatname.jsx
project/src/components/comcatname/comcatname.jsx
+30
-0
comcatname.less
project/src/components/comcatname/comcatname.less
+90
-0
comselectcat.jsx
project/src/components/comselectcat/comselectcat.jsx
+45
-0
comselectcat.less
project/src/components/comselectcat/comselectcat.less
+211
-0
app.acss
taobao_mini/client/app.acss
+12
-1
comcatname.acss
taobao_mini/client/components/comcatname/comcatname.acss
+90
-0
comcatname.axml
taobao_mini/client/components/comcatname/comcatname.axml
+14
-0
comcatname.js
taobao_mini/client/components/comcatname/comcatname.js
+17
-0
comcatname.json
taobao_mini/client/components/comcatname/comcatname.json
+4
-0
comselectcat.acss
taobao_mini/client/components/comselectcat/comselectcat.acss
+228
-0
comselectcat.axml
taobao_mini/client/components/comselectcat/comselectcat.axml
+31
-0
comselectcat.js
taobao_mini/client/components/comselectcat/comselectcat.js
+17
-0
comselectcat.json
taobao_mini/client/components/comselectcat/comselectcat.json
+4
-0
pagecanvas.axml
taobao_mini/client/pages/pagecanvas/pagecanvas.axml
+2
-0
pagecanvas.js
taobao_mini/client/pages/pagecanvas/pagecanvas.js
+266
-253
pagecanvas.json
taobao_mini/client/pages/pagecanvas/pagecanvas.json
+3
-1
resList.js
taobao_mini/client/resconfig/resList.js
+92
-1
No files found.
project/src/components/comcatname/comcatname.jsx
0 → 100644
View file @
32251856
'use strict'
;
import
React
,
{
Component
}
from
'react'
;
import
resList
from
'../../resconfig/resList'
;
import
'./comcatname.less'
;
class
Comcatname
extends
Component
{
constructor
(
props
)
{
super
(
props
);
this
.
state
=
this
.
state
||
{
resList
:
resList
};
}
render
()
{
return
(
<
div
className=
"catname"
>
<
img
className=
"catnamecatimg"
src=
{
this
.
state
.
resList
[
'02aacfd1-3347-40a7-8a3a-9f20c1b5706b'
].
url
}
/>
<
div
className=
"catnamedialog"
>
<
img
className=
"catnamedialogbg"
src=
{
this
.
state
.
resList
[
'50779aee-069e-4dd9-b2ff-88beda9f43d1'
].
url
}
/>
<
span
className=
"catnamedialoglabel"
>
铲屎官~帮我取个名字吧!喵~
</
span
>
</
div
>
<
img
className=
"catnamesure"
src=
{
this
.
state
.
resList
[
'c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'
].
url
}
/>
<
div
className=
"catnameinput"
>
<
img
className=
"catnameinputbg"
src=
{
this
.
state
.
resList
[
'947d970f-52bf-4319-82f0-a3e65620ed75'
].
url
}
/>
<
span
className=
"catnameinputlabel"
>
输入名字
</
span
>
<
span
className=
"catnameinputrandom"
>
随机名字
</
span
>
</
div
>
</
div
>
);
}
}
export
default
Comcatname
;
\ No newline at end of file
project/src/components/comcatname/comcatname.less
0 → 100644
View file @
32251856
.catname {
width: 500px;
height: 842px;
opacity: 1;
left: 126px;
top: 378px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnamecatimg {
width: 421px;
height: 301px;
opacity: 1;
left: 38px;
top: 202px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnamedialog {
width: 466px;
height: 177px;
opacity: 1;
left: 5px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnamedialogbg {
width: 466px;
height: 177px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnamedialoglabel {
width: 359px;
height: 72px;
opacity: 1;
left: 59px;
top: 46px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(87, 75, 69, 1);
}
}
.catnamesure {
width: 282px;
height: 106px;
opacity: 1;
left: 111px;
top: 736px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnameinput {
width: 500px;
height: 147px;
opacity: 1;
top: 538px;
position: absolute;
transform-origin: 0px 0px 0px;
.catnameinputbg {
width: 500px;
height: 102px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.catnameinputlabel {
width: 104px;
height: 27px;
opacity: 1;
left: 199px;
top: 37px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
}
.catnameinputrandom {
width: 91px;
height: 26px;
opacity: 1;
left: 205px;
top: 121px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 24px;
color: rgba(248, 241, 235, 1);
}
}
}
\ No newline at end of file
project/src/components/comselectcat/comselectcat.jsx
0 → 100644
View file @
32251856
'use strict'
;
import
React
,
{
Component
}
from
'react'
;
import
resList
from
'../../resconfig/resList'
;
import
'./comselectcat.less'
;
class
Comselectcat
extends
Component
{
constructor
(
props
)
{
super
(
props
);
this
.
state
=
this
.
state
||
{
resList
:
resList
};
}
render
()
{
return
(
<
div
className=
"selectcat"
>
<
img
className=
"selectcatbg"
src=
{
this
.
state
.
resList
[
'db53267d-4141-4d3e-afda-9b523c89be3e'
].
url
}
/>
<
div
className=
"selectcatblue"
>
<
img
className=
"bluebg"
src=
{
this
.
state
.
resList
[
'02183198-f4da-4ac2-8bf3-d6b7a07d3279'
].
url
}
/>
<
img
className=
"blueimg"
src=
{
this
.
state
.
resList
[
'95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'
].
url
}
/>
<
span
className=
"bluename"
>
田园橘猫
</
span
>
<
img
className=
"bluesure"
src=
{
this
.
state
.
resList
[
'f956cda2-5eef-4942-8737-742d171527bd'
].
url
}
/>
</
div
>
<
div
className=
"selectcatsh"
>
<
img
className=
"shbg"
src=
{
this
.
state
.
resList
[
'8b464624-24b0-46ae-ab4a-65928d4784c7'
].
url
}
/>
<
img
className=
"shimg"
src=
{
this
.
state
.
resList
[
'fe52ffae-fadd-40f3-97b5-d3d56fd04781'
].
url
}
/>
<
span
className=
"shname"
>
田园橘猫
</
span
>
<
img
className=
"shsure"
src=
{
this
.
state
.
resList
[
'f956cda2-5eef-4942-8737-742d171527bd'
].
url
}
/>
</
div
>
<
div
className=
"selectcatxl"
>
<
img
className=
"xlbg"
src=
{
this
.
state
.
resList
[
'6a1a5aa9-affa-42e2-9703-ec36c33f0635'
].
url
}
/>
<
img
className=
"xlimg"
src=
{
this
.
state
.
resList
[
'193f6955-d754-4b9f-80ca-b9b9a72e8a8b'
].
url
}
/>
<
span
className=
"xlname"
>
田园橘猫
</
span
>
<
img
className=
"xlsure"
src=
{
this
.
state
.
resList
[
'f956cda2-5eef-4942-8737-742d171527bd'
].
url
}
/>
</
div
>
<
div
className=
"selectcatorge"
>
<
img
className=
"orgebg"
src=
{
this
.
state
.
resList
[
'8850353b-0a98-4335-9d46-a36678f44be0'
].
url
}
/>
<
img
className=
"orgeimg"
src=
{
this
.
state
.
resList
[
'e28e5250-c740-4e4f-a855-c415c557e77e'
].
url
}
/>
<
span
className=
"orgename"
>
田园橘猫
</
span
>
<
img
className=
"orgesure"
src=
{
this
.
state
.
resList
[
'f956cda2-5eef-4942-8737-742d171527bd'
].
url
}
/>
</
div
>
<
img
className=
"selectcattrue"
src=
{
this
.
state
.
resList
[
'628fc38b-7dc0-4c69-aac1-279d60c8f1ed'
].
url
}
/>
</
div
>
);
}
}
export
default
Comselectcat
;
\ No newline at end of file
project/src/components/comselectcat/comselectcat.less
0 → 100644
View file @
32251856
.selectcat {
width: 721px;
height: 943px;
opacity: 1;
left: 15px;
top: 300px;
position: absolute;
transform-origin: 0px 0px 0px;
.selectcatbg {
width: 721px;
height: 943px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
left: 0px;
top: 0px;
}
.selectcatblue {
width: 303px;
height: 272px;
opacity: 1;
left: 377px;
top: 501px;
position: absolute;
transform-origin: 0px 0px 0px;
.bluebg {
width: 303px;
height: 272px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.blueimg {
width: 161px;
height: 145px;
opacity: 1;
left: 68px;
top: 32px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.bluename {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.bluesure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatsh {
width: 302px;
height: 272px;
opacity: 1;
left: 43px;
top: 501px;
position: absolute;
transform-origin: 0px 0px 0px;
.shbg {
width: 302px;
height: 272px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shimg {
width: 173px;
height: 138px;
opacity: 1;
left: 59px;
top: 43px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shname {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.shsure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatxl {
width: 303px;
height: 271px;
opacity: 1;
left: 377px;
top: 197px;
position: absolute;
transform-origin: 0px 0px 0px;
.xlbg {
width: 303px;
height: 271px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.xlimg {
width: 157px;
height: 153px;
opacity: 1;
left: 72px;
top: 29px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.xlname {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.xlsure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcatorge {
width: 302px;
height: 271px;
opacity: 1;
left: 43px;
top: 197px;
position: absolute;
transform-origin: 0px 0px 0px;
.orgebg {
width: 302px;
height: 271px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.orgeimg {
width: 164px;
height: 141px;
opacity: 1;
left: 67px;
top: 36px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.orgename {
width: 244px;
height: 26px;
opacity: 1;
left: 26px;
top: 198px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(104, 91, 78, 1);
text-align: center;
}
.orgesure {
width: 68px;
height: 53px;
opacity: 1;
left: 224px;
top: 172px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.selectcattrue {
width: 352px;
height: 106px;
opacity: 1;
left: 185px;
top: 804px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
\ No newline at end of file
taobao_mini/client/app.acss
View file @
32251856
...
@@ -19,6 +19,17 @@ page {
...
@@ -19,6 +19,17 @@ page {
align-items: center;
align-items: center;
}
}
.popcontainer {
position: fixed;
width: 750rpx;
height: 1624rpx;
top: 50%;
left: 50%;
margin-left:-375rpx;
margin-top:-812rpx;
background: rgba(0, 0, 0, 0.7);
}
.modal-animate-fade-in {
.modal-animate-fade-in {
opacity: 0;
opacity: 0;
...
@@ -27,7 +38,7 @@ page {
...
@@ -27,7 +38,7 @@ page {
.modal-animate-zoom-in {
.modal-animate-zoom-in {
transform: scale(0);
transform: scale(0);
animation: modalAnimateZoomIn .
3
s forwards;
animation: modalAnimateZoomIn .
4
s forwards;
}
}
.modal-animate-fly-in {
.modal-animate-fly-in {
...
...
taobao_mini/client/components/comcatname/comcatname.acss
0 → 100644
View file @
32251856
.catname {
width: 500rpx;
height: 842rpx;
opacity: 1;
left: 126rpx;
top: 378rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamecatimg {
width: 421rpx;
height: 301rpx;
opacity: 1;
left: 38rpx;
top: 202rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog {
width: 466rpx;
height: 177rpx;
opacity: 1;
left: 5rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog .catnamedialogbg {
width: 466rpx;
height: 177rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog .catnamedialoglabel {
width: 359rpx;
height: 72rpx;
opacity: 1;
left: 59rpx;
top: 46rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #574b45;
}
.catname .catnamesure {
width: 282rpx;
height: 106rpx;
opacity: 1;
left: 111rpx;
top: 736rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput {
width: 500rpx;
height: 147rpx;
opacity: 1;
top: 538rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput .catnameinputbg {
width: 500rpx;
height: 102rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput .catnameinputlabel {
width: 104rpx;
height: 27rpx;
opacity: 1;
left: 199rpx;
top: 37rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
}
.catname .catnameinput .catnameinputrandom {
width: 91rpx;
height: 26rpx;
opacity: 1;
left: 205rpx;
top: 121rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 24rpx;
color: #f8f1eb;
}
taobao_mini/client/components/comcatname/comcatname.axml
0 → 100644
View file @
32251856
<view class="catname">
<image class="catnamecatimg" src={{resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url}} />
<view class="catnamedialog">
<image class="catnamedialogbg" src={{resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url}} />
<label class="catnamedialoglabel">铲屎官~帮我取个名字吧!喵~</label>
</view>
<image class="catnamesure" src={{resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url}} />
<view class="catnameinput">
<image class="catnameinputbg" src={{resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url}} />
<label class="catnameinputlabel">输入名字</label>
<label class="catnameinputrandom">随机名字</label>
</view>
</view>
\ No newline at end of file
taobao_mini/client/components/comcatname/comcatname.js
0 → 100644
View file @
32251856
'use strict'
;
import
resList
from
'../../resconfig/resList'
;
Component
({
props
:
{},
data
:
{
resList
:
resList
},
methods
:
{},
onInit
(
props
)
{
this
.
setData
(
this
.
data
||
{
resList
:
resList
});
}
});
\ No newline at end of file
taobao_mini/client/components/comcatname/comcatname.json
0 → 100644
View file @
32251856
{
"component"
:
true
,
"usingComponents"
:
{}
}
\ No newline at end of file
taobao_mini/client/components/comselectcat/comselectcat.acss
0 → 100644
View file @
32251856
.selectcat-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.selectcat__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.selectcat {
width: 721rpx;
height: 943rpx;
opacity: 1;
left: 15rpx;
top: 50%;
margin-top: -472.5rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
.selectcat .selectcatbg {
width: 721rpx;
height: 943rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
left: 0rpx;
top: 0rpx;
}
.selectcat .selectcatblue {
width: 303rpx;
height: 272rpx;
opacity: 1;
left: 377rpx;
top: 501rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .bluebg {
width: 303rpx;
height: 272rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .blueimg {
width: 161rpx;
height: 145rpx;
opacity: 1;
left: 68rpx;
top: 32rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatblue .bluename {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatblue .bluesure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh {
width: 302rpx;
height: 272rpx;
opacity: 1;
left: 43rpx;
top: 501rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shbg {
width: 302rpx;
height: 272rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shimg {
width: 173rpx;
height: 138rpx;
opacity: 1;
left: 59rpx;
top: 43rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatsh .shname {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatsh .shsure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl {
width: 303rpx;
height: 271rpx;
opacity: 1;
left: 377rpx;
top: 197rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlbg {
width: 303rpx;
height: 271rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlimg {
width: 157rpx;
height: 153rpx;
opacity: 1;
left: 72rpx;
top: 29rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatxl .xlname {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatxl .xlsure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge {
width: 302rpx;
height: 271rpx;
opacity: 1;
left: 43rpx;
top: 197rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgebg {
width: 302rpx;
height: 271rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgeimg {
width: 164rpx;
height: 141rpx;
opacity: 1;
left: 67rpx;
top: 36rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcatorge .orgename {
width: 244rpx;
height: 26rpx;
opacity: 1;
left: 26rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
text-align: center;
}
.selectcat .selectcatorge .orgesure {
width: 68rpx;
height: 53rpx;
opacity: 1;
left: 224rpx;
top: 172rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.selectcat .selectcattrue {
width: 352rpx;
height: 106rpx;
opacity: 1;
left: 185rpx;
top: 804rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
taobao_mini/client/components/comselectcat/comselectcat.axml
0 → 100644
View file @
32251856
<view class="selectcat-modal">
<view class="selectcat__shade modal-animate-fade-in" />
<view class="selectcat modal-animate-zoom-in">
<image class="selectcatbg" src={{resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url}} />
<view class="selectcatblue">
<image class="bluebg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="blueimg" src={{resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url}} />
<label class="bluename">田园橘猫</label>
<image class="bluesure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatsh">
<image class="shbg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="shimg" src={{resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url}} />
<label class="shname">田园橘猫</label>
<image class="shsure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatxl">
<image class="xlbg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="xlimg" src={{resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url}} />
<label class="xlname">田园橘猫</label>
<image class="xlsure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<view class="selectcatorge">
<image class="orgebg" src={{resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url}} />
<image class="orgeimg" src={{resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url}} />
<label class="orgename">田园橘猫</label>
<image class="orgesure" src={{resList['f956cda2-5eef-4942-8737-742d171527bd'].url}} />
</view>
<image class="selectcattrue" src={{resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url}} />
</view>
</view>
\ No newline at end of file
taobao_mini/client/components/comselectcat/comselectcat.js
0 → 100644
View file @
32251856
'use strict'
;
import
resList
from
'../../resconfig/resList'
;
Component
({
props
:
{},
data
:
{
resList
:
resList
},
methods
:
{},
onInit
(
props
)
{
this
.
setData
(
this
.
data
||
{
resList
:
resList
});
}
});
\ No newline at end of file
taobao_mini/client/components/comselectcat/comselectcat.json
0 → 100644
View file @
32251856
{
"component"
:
true
,
"usingComponents"
:
{}
}
\ No newline at end of file
taobao_mini/client/pages/pagecanvas/pagecanvas.axml
View file @
32251856
...
@@ -7,3 +7,5 @@
...
@@ -7,3 +7,5 @@
<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
<levelup-modal a:if="{{levelupModalVisible}}" onModalClose="closeLevelupModal"></levelup-modal>
<levelup-modal a:if="{{levelupModalVisible}}" onModalClose="closeLevelupModal"></levelup-modal>
<message-modal a:if="{{messageModalVisible}}" mydata="{{messageModalData}}" onModalClose="closeMessageModal"></message-modal>
<message-modal a:if="{{messageModalVisible}}" mydata="{{messageModalData}}" onModalClose="closeMessageModal"></message-modal>
<selectcat-modal a:if="{{selectcatModalVisible}}" onModalClose="closeSelectcatModal"></selectcat-modal>
<view class="popcontainer" a:if="{{catnameModalVisible}}" ><catname-modal onModalClose="closeCatnameModal"/></view>
taobao_mini/client/pages/pagecanvas/pagecanvas.js
View file @
32251856
'use strict'
;
'use strict'
;
import
{
import
{
Main
Main
}
from
'./output'
;
}
from
'./output'
;
import
API
from
'../../api'
;
import
API
from
'../../api'
;
const
app
=
getApp
();
const
app
=
getApp
();
const
{
const
{
tbcc
tbcc
}
=
app
;
}
=
app
;
const
{
const
{
commonToast
,
commonToast
,
getAuthUserInfo
,
getAuthUserInfo
,
navigateToOutside
,
navigateToOutside
,
getSystemInfo
getSystemInfo
}
=
tbcc
.
tb
;
}
=
tbcc
.
tb
;
const
checkSystem
=
async
()
=>
{
const
checkSystem
=
async
()
=>
{
const
{
const
{
version
version
}
=
await
getSystemInfo
();
}
=
await
getSystemInfo
();
console
.
log
(
'version'
,
version
);
console
.
log
(
'version'
,
version
);
return
tbcc
.
utils
.
versionCompare
(
version
,
'9.8.0'
);
return
tbcc
.
utils
.
versionCompare
(
version
,
'9.8.0'
);
}
}
Page
({
Page
({
data
:
{
data
:
{
messageModalVisible
:
false
,
messageModalVisible
:
false
,
messageModalData
:
{},
messageModalData
:
{},
ruleModalVisible
:
false
,
ruleModalVisible
:
false
,
levelupModalVisible
:
false
levelupModalVisible
:
false
,
},
selectcatModalVisible
:
false
,
catnameModalVisible
:
false
onLoad
(
props
)
{
},
this
.
setData
({});
checkSystem
().
then
(
r
=>
{
if
(
!
r
)
{
my
.
showToast
({
content
:
"请升级最新版本的淘宝"
,
duration
:
5000
});
}
});
},
onLoad
(
props
)
{
this
.
setData
({});
onReady
()
{
console
.
log
(
'on ready'
)
//授权和登录先搞
// this.getAuth();
setTimeout
(()
=>
{
// this.onMessage({
// data: {
// netName: 'mine.showModal',
// parameter: {
// name: 'levelupModal'
// }
// }
// });
// this.onMessage({
// data: {
// netName: 'mine.showModal',
// parameter: {
// name: 'messageModal',
// data: { catName: '喵喵1122' }
// }
// }
// });
// this.onMessage({
// data: {
// netName: 'mine.navigateToPage',
// parameter: {
// name: 'pageshop'
// }
// }
// });
},
1000
);
},
init
()
{
console
.
log
(
'do init'
);
this
.
spark_startEngine
();
},
spark_startEngine
()
{
console
.
log
(
'spark_startEngine'
)
var
self
=
this
;
my
.
createCanvas
({
id
:
'canvas'
,
success
:
ccc
=>
{
const
dpr
=
my
.
getSystemInfoSync
().
pixelRatio
;
const
windowWidth
=
my
.
getSystemInfoSync
().
windowWidth
;
const
windowHeight
=
my
.
getSystemInfoSync
().
windowHeight
;
ccc
.
width
=
windowWidth
*
dpr
+
dpr
;
//重新修改会有误差
ccc
.
height
=
windowHeight
*
dpr
+
dpr
;
if
(
!
this
.
main
)
{
this
.
main
=
new
Main
(
ccc
);
//添加事件,为了和main里的通信
app
.
canvasMain
=
this
.
main
;
this
.
main
.
addGlobalEvent
(
"onMessage"
,
self
.
onMessage
,
self
);
this
.
main
.
addGlobalEvent
(
"showToast"
,
self
.
showToast
,
self
);
}
}
});
},
onCanvasReady
()
{
console
.
log
(
'onCanvasReady'
)
//授权和登录先搞
checkSystem
().
then
(
r
=>
{
if
(
r
)
{
this
.
getAuth
();
}
});
},
showToast
(
e
)
{
checkSystem
().
then
(
r
=>
{
if
(
!
r
)
{
my
.
showToast
({
my
.
showToast
({
content
:
e
.
data
||
"网络异常,请稍后重试~
"
,
content
:
"请升级最新版本的淘宝
"
,
duration
:
2
000
duration
:
5
000
});
});
},
}
});
postMessage
(
netName
,
data
)
{
this
.
main
&&
this
.
main
.
dispatchGlobalEvent
({
type
:
netName
},
data
);
//以防复用事件event串了,就用这种方式
},
//和main通信的方法,接收main的信息
onMessage
(
e
)
{
//接口名字
let
netName
=
e
.
data
.
netName
;
//接口参数
let
parameter
=
e
.
data
.
parameter
;
//暂时发现3个需要用户操作的接口
//定制的授权
if
(
netName
.
indexOf
(
"mine"
)
==
0
)
{
var
data
=
{
success
:
true
};
switch
(
netName
)
{
case
"mine.getAppData"
:
//获取信息
data
=
{
success
:
true
,
data
:
{
activityId
:
app
.
activityId
,
nickName
:
app
.
nickName
,
avatar
:
app
.
avatar
,
openId
:
app
.
openId
}
};
break
;
case
"mine.navigateToPage"
:
//切换page
data
=
{
success
:
true
,
data
:
{}
};
my
.
navigateTo
({
url
:
`/pages/
${
parameter
.
name
}
/
${
parameter
.
name
}
`
});
break
;
case
"mine.showModal"
:
//切换page
data
=
{
success
:
true
,
data
:
{}
};
const
key
=
`
${
parameter
.
name
}
Visible`
;
const
datakey
=
`
${
parameter
.
name
}
Data`
;
const
toSetData
=
{};
toSetData
[
key
]
=
true
;
toSetData
[
datakey
]
=
parameter
.
data
;
this
.
setData
(
toSetData
);
break
;
case
'test'
:
console
.
log
(
'测试一下'
,
parameter
.
hint
);
break
;
}
this
.
postMessage
(
netName
,
data
);
},
}
else
{
const
{
function
:
fc
}
=
app
.
cloud
;
const
[
myCloudName
,
handler
]
=
netName
.
split
(
"."
);
//待写,
parameter
.
activityId
=
app
.
activityId
;
fc
.
invoke
(
myCloudName
,
parameter
,
handler
).
then
(
res
=>
{
this
.
postMessage
(
netName
,
res
);
});
}
},
//鼠标事件
onMouseEvent
(
e
)
{
if
(
this
.
main
)
this
.
main
.
stage
.
onMouseEvent
(
e
);
},
onShow
()
{
// 页面显示
if
(
this
.
main
)
{
this
.
main
.
run
();
this
.
main
.
dispatchGlobalEvent
(
"onShow"
);
}
},
onHide
()
{
onReady
()
{
// 页面隐藏
console
.
log
(
'on ready'
)
if
(
this
.
main
)
{
//授权和登录先搞
this
.
main
.
pause
();
// this.getAuth();
this
.
main
.
dispatchGlobalEvent
(
"onHide"
);
setTimeout
(()
=>
{
}
this
.
onMessage
({
},
data
:
{
netName
:
'mine.showModal'
,
/**
parameter
:
{
* 获取用户授权信息
name
:
'catnameModal'
*/
}
async
getAuth
()
{
const
userInfo
=
await
getAuthUserInfo
().
catch
(
err
=>
{
console
.
log
(
'未授权成功'
,
err
);
});
if
(
userInfo
)
{
console
.
log
(
'userInfo'
,
userInfo
);
const
{
nickName
,
avatar
}
=
userInfo
;
app
.
nickName
=
nickName
;
app
.
avatar
=
avatar
;
this
.
login
();
}
}
},
});
/**
* 登录接口
// this.onMessage({
*/
// data: {
async
login
()
{
// netName: 'mine.showModal',
const
{
// parameter: {
nickName
,
// name: 'messageModal',
avatar
// data: { catName: '喵喵1122' }
}
=
app
;
// }
const
{
// }
success
// });
}
=
await
API
.
login
({
userNick
:
nickName
,
// this.onMessage({
avatar
// data: {
}).
catch
(
res
=>
{
// netName: 'mine.navigateToPage',
commonToast
(
res
&&
res
.
message
);
// parameter: {
})
||
{};
// name: 'pageshop'
// }
if
(
success
)
{
// }
this
.
init
();
// });
},
1000
);
},
init
()
{
console
.
log
(
'do init'
);
this
.
spark_startEngine
();
},
spark_startEngine
()
{
console
.
log
(
'spark_startEngine'
)
var
self
=
this
;
my
.
createCanvas
({
id
:
'canvas'
,
success
:
ccc
=>
{
const
dpr
=
my
.
getSystemInfoSync
().
pixelRatio
;
const
windowWidth
=
my
.
getSystemInfoSync
().
windowWidth
;
const
windowHeight
=
my
.
getSystemInfoSync
().
windowHeight
;
ccc
.
width
=
windowWidth
*
dpr
+
dpr
;
//重新修改会有误差
ccc
.
height
=
windowHeight
*
dpr
+
dpr
;
if
(
!
this
.
main
)
{
this
.
main
=
new
Main
(
ccc
);
//添加事件,为了和main里的通信
app
.
canvasMain
=
this
.
main
;
this
.
main
.
addGlobalEvent
(
"onMessage"
,
self
.
onMessage
,
self
);
this
.
main
.
addGlobalEvent
(
"showToast"
,
self
.
showToast
,
self
);
}
}
},
}
closeLevelupModal
()
{
});
this
.
setData
({
},
levelupModalVisible
:
false
});
onCanvasReady
()
{
},
console
.
log
(
'onCanvasReady'
)
closeRuleModal
()
{
//授权和登录先搞
this
.
setData
({
checkSystem
().
then
(
r
=>
{
ruleModalVisible
:
false
if
(
r
)
{
});
this
.
getAuth
();
},
}
closeMessageModal
()
{
});
this
.
setData
({
},
messageModalVisible
:
false
});
showToast
(
e
)
{
my
.
showToast
({
content
:
e
.
data
||
"网络异常,请稍后重试~"
,
duration
:
2000
});
},
postMessage
(
netName
,
data
)
{
this
.
main
&&
this
.
main
.
dispatchGlobalEvent
({
type
:
netName
},
data
);
//以防复用事件event串了,就用这种方式
},
//和main通信的方法,接收main的信息
onMessage
(
e
)
{
//接口名字
let
netName
=
e
.
data
.
netName
;
//接口参数
let
parameter
=
e
.
data
.
parameter
;
//暂时发现3个需要用户操作的接口
//定制的授权
if
(
netName
.
indexOf
(
"mine"
)
==
0
)
{
var
data
=
{
success
:
true
};
switch
(
netName
)
{
case
"mine.getAppData"
:
//获取信息
data
=
{
success
:
true
,
data
:
{
activityId
:
app
.
activityId
,
nickName
:
app
.
nickName
,
avatar
:
app
.
avatar
,
openId
:
app
.
openId
}
};
break
;
case
"mine.navigateToPage"
:
//切换page
data
=
{
success
:
true
,
data
:
{}
};
my
.
navigateTo
({
url
:
`/pages/
${
parameter
.
name
}
/
${
parameter
.
name
}
`
});
break
;
case
"mine.showModal"
:
//切换page
data
=
{
success
:
true
,
data
:
{}
};
const
key
=
`
${
parameter
.
name
}
Visible`
;
const
datakey
=
`
${
parameter
.
name
}
Data`
;
const
toSetData
=
{};
toSetData
[
key
]
=
true
;
toSetData
[
datakey
]
=
parameter
.
data
;
this
.
setData
(
toSetData
);
break
;
case
'test'
:
console
.
log
(
'测试一下'
,
parameter
.
hint
);
break
;
}
this
.
postMessage
(
netName
,
data
);
}
else
{
const
{
function
:
fc
}
=
app
.
cloud
;
const
[
myCloudName
,
handler
]
=
netName
.
split
(
"."
);
//待写,
parameter
.
activityId
=
app
.
activityId
;
fc
.
invoke
(
myCloudName
,
parameter
,
handler
).
then
(
res
=>
{
this
.
postMessage
(
netName
,
res
);
});
}
}
},
//鼠标事件
onMouseEvent
(
e
)
{
if
(
this
.
main
)
this
.
main
.
stage
.
onMouseEvent
(
e
);
},
onShow
()
{
// 页面显示
if
(
this
.
main
)
{
this
.
main
.
run
();
this
.
main
.
dispatchGlobalEvent
(
"onShow"
);
}
},
onHide
()
{
// 页面隐藏
if
(
this
.
main
)
{
this
.
main
.
pause
();
this
.
main
.
dispatchGlobalEvent
(
"onHide"
);
}
},
/**
* 获取用户授权信息
*/
async
getAuth
()
{
const
userInfo
=
await
getAuthUserInfo
().
catch
(
err
=>
{
console
.
log
(
'未授权成功'
,
err
);
});
if
(
userInfo
)
{
console
.
log
(
'userInfo'
,
userInfo
);
const
{
nickName
,
avatar
}
=
userInfo
;
app
.
nickName
=
nickName
;
app
.
avatar
=
avatar
;
this
.
login
();
}
},
/**
* 登录接口
*/
async
login
()
{
const
{
nickName
,
avatar
}
=
app
;
const
{
success
}
=
await
API
.
login
({
userNick
:
nickName
,
avatar
}).
catch
(
res
=>
{
commonToast
(
res
&&
res
.
message
);
})
||
{};
if
(
success
)
{
this
.
init
();
}
},
closeLevelupModal
()
{
this
.
setData
({
levelupModalVisible
:
false
});
},
closeRuleModal
()
{
this
.
setData
({
ruleModalVisible
:
false
});
},
closeMessageModal
()
{
this
.
setData
({
messageModalVisible
:
false
});
},
closeSelectcatModal
()
{
this
.
setData
({
selectcatModalVisible
:
false
})
},
closeCatnameModal
(){
this
.
setData
({
catnameModalVisible
:
false
})
}
});
});
\ No newline at end of file
taobao_mini/client/pages/pagecanvas/pagecanvas.json
View file @
32251856
...
@@ -2,6 +2,8 @@
...
@@ -2,6 +2,8 @@
"usingComponents"
:
{
"usingComponents"
:
{
"rule-modal"
:
"/components/ruleModal/ruleModal"
,
"rule-modal"
:
"/components/ruleModal/ruleModal"
,
"levelup-modal"
:
"/components/comlevelup/comlevelup"
,
"levelup-modal"
:
"/components/comlevelup/comlevelup"
,
"message-modal"
:
"/components/commessage/commessage"
"message-modal"
:
"/components/commessage/commessage"
,
"selectcat-modal"
:
"/components/comselectcat/comselectcat"
,
"catname-modal"
:
"/components/comcatname/comcatname"
}
}
}
}
\ No newline at end of file
taobao_mini/client/resconfig/resList.js
View file @
32251856
...
@@ -147,6 +147,97 @@ const resList = {
...
@@ -147,6 +147,97 @@ const resList = {
ext
:
'.png'
,
ext
:
'.png'
,
uuid
:
'bdab9777-8a4d-4659-ba23-66aaddb7fa5b'
,
uuid
:
'bdab9777-8a4d-4659-ba23-66aaddb7fa5b'
,
url
:
'//yun.duiba.com.cn/spark/assets/368892ca025f9fc6100cc5e7da22675a814db39f.png'
url
:
'//yun.duiba.com.cn/spark/assets/368892ca025f9fc6100cc5e7da22675a814db39f.png'
}
},
'02183198-f4da-4ac2-8bf3-d6b7a07d3279'
:
{
name
:
'底18'
,
ext
:
'.png'
,
uuid
:
'02183198-f4da-4ac2-8bf3-d6b7a07d3279'
,
url
:
'//yun.duiba.com.cn/spark/assets/38c8d93cf305d0b4c9ec17aaa7aaca754ac7c33b.png'
},
'95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'
:
{
name
:
'脸17'
,
ext
:
'.png'
,
uuid
:
'95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'
,
url
:
'//yun.duiba.com.cn/spark/assets/ef2d52a9b45b94e4166b27df2bb381648453d9aa.png'
},
'fe52ffae-fadd-40f3-97b5-d3d56fd04781'
:
{
name
:
'脸13'
,
ext
:
'.png'
,
uuid
:
'fe52ffae-fadd-40f3-97b5-d3d56fd04781'
,
url
:
'//yun.duiba.com.cn/spark/assets/643a3ebab02f202846efc2488ffd5c99252a210f.png'
},
'193f6955-d754-4b9f-80ca-b9b9a72e8a8b'
:
{
name
:
'脸9'
,
ext
:
'.png'
,
uuid
:
'193f6955-d754-4b9f-80ca-b9b9a72e8a8b'
,
url
:
'//yun.duiba.com.cn/spark/assets/b1992c528b36c2d26942e9c83941242e59481475.png'
},
'e28e5250-c740-4e4f-a855-c415c557e77e'
:
{
name
:
'脸5'
,
ext
:
'.png'
,
uuid
:
'e28e5250-c740-4e4f-a855-c415c557e77e'
,
url
:
'//yun.duiba.com.cn/spark/assets/5e5e85d3745031ccb7004e04a188a3f7a42fbaa0.png'
},
'f956cda2-5eef-4942-8737-742d171527bd'
:
{
name
:
'勾'
,
ext
:
'.png'
,
uuid
:
'f956cda2-5eef-4942-8737-742d171527bd'
,
url
:
'//yun.duiba.com.cn/spark/assets/b8a22520aeb4c118f3ca52e37ea38961631bbb05.png'
},
'628fc38b-7dc0-4c69-aac1-279d60c8f1ed'
:
{
name
:
'按钮2'
,
ext
:
'.png'
,
uuid
:
'628fc38b-7dc0-4c69-aac1-279d60c8f1ed'
,
url
:
'//yun.duiba.com.cn/spark/assets/248191d2099fd413fcb4ced176942523b65dee87.png'
},
'db53267d-4141-4d3e-afda-9b523c89be3e'
:
{
name
:
'选择猫咪背景'
,
ext
:
'.png'
,
url
:
'//yun.duiba.com.cn/spark/assets/选择猫咪背景.380e7b102d2288cfd03900177d662d8f5f38f400.png'
,
uuid
:
'db53267d-4141-4d3e-afda-9b523c89be3e'
},
'02aacfd1-3347-40a7-8a3a-9f20c1b5706b'
:
{
name
:
'说话猫30'
,
ext
:
'.png'
,
uuid
:
'02aacfd1-3347-40a7-8a3a-9f20c1b5706b'
,
url
:
'//yun.duiba.com.cn/spark/assets/d668bfa5e8f20d360058f1ce301622f028320e8e.png'
},
'24b7d459-41d6-408c-9829-4768fe38abf5'
:
{
name
:
'底29'
,
ext
:
'.png'
,
uuid
:
'24b7d459-41d6-408c-9829-4768fe38abf5'
,
url
:
'//yun.duiba.com.cn/spark/assets/44e5ec770784008cbde2036987d786ad10179074.png'
},
'97484cf2-5146-4287-b104-ed1f43c71ee0'
:
{
name
:
'按钮27'
,
ext
:
'.png'
,
uuid
:
'97484cf2-5146-4287-b104-ed1f43c71ee0'
,
url
:
'//yun.duiba.com.cn/spark/assets/ccc2315a56a4886cdffd32311d57583c870963d0.png'
},
'50779aee-069e-4dd9-b2ff-88beda9f43d1'
:
{
name
:
'底25'
,
ext
:
'.png'
,
uuid
:
'50779aee-069e-4dd9-b2ff-88beda9f43d1'
,
url
:
'//yun.duiba.com.cn/spark/assets/5f8647eb5032613a6116f3cefc00d4448e24becc.png'
},
'c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'
:
{
name
:
'按钮23'
,
ext
:
'.png'
,
uuid
:
'c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'
,
url
:
'//yun.duiba.com.cn/spark/assets/5411d96c77b95fddfd2a42d08d1522d992bff210.png'
},
'947d970f-52bf-4319-82f0-a3e65620ed75'
:
{
name
:
'底22'
,
ext
:
'.png'
,
uuid
:
'947d970f-52bf-4319-82f0-a3e65620ed75'
,
url
:
'//yun.duiba.com.cn/spark/assets/b29d45b60af4e4daecce521a84896cb4d276e2a5.png'
},
};
};
export
default
resList
;
export
default
resList
;
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment