p[1]||h[1]
-
+
+
+
+ {{path_image[1]}}
+
+
@@ -47,28 +52,22 @@
card
},
data() {
+ const imagepath = Array.from({
+ length: 4
+ }).map((_, x) => `../../static/c${x+1}.png`)
+ const textarray = ["首页", "公益", "心得", "我的"]
+ const endbottom = imagepath.map((value, index) => [value, textarray[index]])
return {
isRed: false,
- list: [{
- id: 1,
- name: ""
- }]
+ endbottom
}
},
computed: {
- textColor() {
- return this.isRed ? 'red' : 'black'
- },
imagepaths() {
-
let Path = Array.from({
length: 6
}, (_, x) => `../../static/c${x+1}.png`);
- // let value = Array.from({
- // length: 6
- // }, (_, x) => `英雄故事`);
let value = ["楷模列表", "英雄故事", "身边英雄", "物资捐赠", "数据分析", "更多"]
-
return Path.map((path, index) => ({
path: path,
value: value[index]
@@ -79,11 +78,16 @@
toggleColor() {
this.isRed = !this.isRed
}
- }}
-
+ }
+ }
\ No newline at end of file
diff --git a/pages/index/student.vue b/pages/index/student.vue
index b700ccc..941216f 100644
--- a/pages/index/student.vue
+++ b/pages/index/student.vue
@@ -20,7 +20,6 @@
-
{{path_image[1]}}
@@ -105,73 +104,6 @@
font-size: 1.1rem;
}
- /* .page_div {
- background-color: #fff;
- border-radius: 15px;
- padding: 3%;
- margin: 2%;
- }
-
- .page_div>view:first-child {
- border-bottom: 1px solid darkgray;
- padding-bottom: 10px;
- }
-
- .page_div>view:first-child p:first-child {
- font-size: 1.1rem;
- }
-
- .page_div>view:first-child p:nth-child(2) {
- font-size: 0.8rem;
- }
-
- .page_div>view:first-child p:nth-child(3) {
- font-size: 0.9rem;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-
- }
-
- .page_div>view:nth-child(2) {
- display: flex;
- flex-direction: column;
- padding-bottom: 5px;
- border-bottom: 1px solid darkgray;
- }
-
- .page_div>view:nth-child(2)>view:first-child {
- display: flex;
- justify-content: space-between;
- }
-
- .page_div>view:nth-child(2)>view:first-child p:nth-child(2) {
- color: #C2050F;
- }
-
- .page_div>view:nth-child(2)>view:nth-child(2) {
- background-color: darkgray;
- border-radius: 10px;
- padding: 5px;
-
- }
-
- .page_div>view:last-child {
- margin-top: 10px;
- height: 5vh;
- color: rgb(255, 56, 59);
- display: flex;
- justify-content: center;
- align-items: center;
-
- }
-
- .page_div>view:last-child image {
- width: 3vw;
- height: 3vh;
- } */
.student_end {
display: flex;
diff --git a/static/baoming_icon.png b/static/baoming_icon.png
new file mode 100644
index 0000000..802f087
Binary files /dev/null and b/static/baoming_icon.png differ
diff --git a/static/hero.png b/static/hero.png
new file mode 100644
index 0000000..6bf969d
Binary files /dev/null and b/static/hero.png differ
diff --git a/static/homebg.png b/static/homebg.png
new file mode 100644
index 0000000..ff94a35
Binary files /dev/null and b/static/homebg.png differ
diff --git a/static/img_my_hero_add.png b/static/img_my_hero_add.png
new file mode 100644
index 0000000..e158304
Binary files /dev/null and b/static/img_my_hero_add.png differ
diff --git a/static/listbg.png b/static/listbg.png
new file mode 100644
index 0000000..9287bbf
Binary files /dev/null and b/static/listbg.png differ
diff --git a/static/listbg2.png b/static/listbg2.png
new file mode 100644
index 0000000..9c4cfe7
Binary files /dev/null and b/static/listbg2.png differ