chenJinxu
/
HealthStudentWeb
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

修复 引入scss失败的问题

test
chenJinxu 1 year ago
parent
251e83fb92
commit
1c06f6e9a8
5 changed files with 237 additions and 236 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      src/views/login/login.vue
  2. +48
    -48
      src/views/optimize/experts.vue
  3. +50
    -50
      src/views/optimize/index.vue
  4. +137
    -136
      src/views/optimize/trainingcamp.vue
  5. +1
    -1
      src/views/today/index.vue

+ 1
- 1
src/views/login/login.vue View File

@@ -171,7 +171,7 @@ export default {
}
};
</script>
<style scoped>
<style scoped lang="scss">
/* @import url(); 引入css类 */
@import './login.scss';
</style>

+ 48
- 48
src/views/optimize/experts.vue View File

@@ -9,27 +9,27 @@
</template>
</van-nav-bar>
<div class="main">
<div class="introduce">
<h3>黛建松</h3>
<span>清华大学心理学教授儿童心理问题咨询治疗经验。</span>
<p><i>700人次</i>咨询<br />从业<i>30年</i></p>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</div>
<div class="title">
<van-checkbox-group v-model="result">
<van-checkbox name="1">北京协和医学院专家</van-checkbox>
<van-checkbox name="1">儿童青少年心理权威专家</van-checkbox>
<van-checkbox name="1">北京云帆启迪心理咨询中心主任</van-checkbox>
</van-checkbox-group>
</div>
<div class="summary">
<p>她提倡“适应力教育和能力训练”，训练孩子的学习能力、良好
的情绪、人际关系以及强大的适应力。30年来帮助数万个家庭
走出孩子成长中的困境，引领家长成为孩子成长的好教练。她
著有《让孩子学习上瘾的十大法则》、《不抢跑也能超越》等多本
畅销书。在《人民日报》、《北京青年报》等主流媒体发表上百篇科
普文章。担任中央电视台多档节目特邀专家。</p>
</div>
<div class="introduce">
<h3>黛建松</h3>
<span>清华大学心理学教授儿童心理问题咨询治疗经验。</span>
<p><i>700人次</i>咨询<br />从业<i>30年</i></p>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</div>
<div class="title">
<van-checkbox-group v-model="result">
<van-checkbox name="1">北京协和医学院专家</van-checkbox>
<van-checkbox name="1">儿童青少年心理权威专家</van-checkbox>
<van-checkbox name="1">北京云帆启迪心理咨询中心主任</van-checkbox>
</van-checkbox-group>
</div>
<div class="summary">
<p>
她提倡“适应力教育和能力训练”，训练孩子的学习能力、良好 的情绪、人际关系以及强大的适应力。30年来帮助数万个家庭
走出孩子成长中的困境，引领家长成为孩子成长的好教练。她
著有《让孩子学习上瘾的十大法则》、《不抢跑也能超越》等多本
畅销书。在《人民日报》、《北京青年报》等主流媒体发表上百篇科 普文章。担任中央电视台多档节目特邀专家。
</p>
</div>
</div>
<!-- 底部导航 -->
<TabBar />
@@ -37,33 +37,33 @@
</template>

<script>
import TabBar from '@/components/TabBar';
import { Checkbox, CheckboxGroup } from 'vant';
export default {
components: {
TabBar,
[Checkbox.name]: Checkbox,
[CheckboxGroup.name]: CheckboxGroup
},
data() {
return {
result: ['1']
};
},
created() {
console.log(this.$route.query)
},
mounted() {},
methods: {
// 返回
onNavBack() {
this.$router.push({
name: 'Optimize'
});
},
}
import TabBar from '@/components/TabBar';
import { Checkbox, CheckboxGroup } from 'vant';
export default {
components: {
TabBar,
[Checkbox.name]: Checkbox,
[CheckboxGroup.name]: CheckboxGroup
},
data() {
return {
result: ['1']
};
},
created() {
console.log(this.$route.query);
},
mounted() {},
methods: {
// 返回
onNavBack() {
this.$router.push({
name: 'Optimize'
});
}
}
};
</script>
<style scoped>
@import url("./scss/experts.scss");
<style scoped lang="scss">
@import url('./scss/experts.scss');
</style>

+ 50
- 50
src/views/optimize/index.vue View File

@@ -132,57 +132,57 @@
</template>

<script>
import Vue from 'vue';
import TabBar from '@/components/TabBar';
import expertImage from "@/assets/optimize/images/3_08.png";
import { Swipe, SwipeItem, Lazyload } from 'vant';
Vue.use(Lazyload);
Vue.use(Lazyload, {
lazyComponent: true,
});
export default {
components: {
TabBar,
[Swipe.name]: Swipe,
[SwipeItem.name]: SwipeItem,
[Lazyload.name]: Lazyload,
import Vue from 'vue';
import TabBar from '@/components/TabBar';
import expertImage from '@/assets/optimize/images/3_08.png';
import { Swipe, SwipeItem, Lazyload } from 'vant';
Vue.use(Lazyload);
Vue.use(Lazyload, {
lazyComponent: true
});
export default {
components: {
TabBar,
[Swipe.name]: Swipe,
[SwipeItem.name]: SwipeItem,
[Lazyload.name]: Lazyload
},
data() {
return {
expertImages: [
{
id: 1,
image: expertImage
},
{
id: 2,
image: expertImage
}
]
};
},
created() {},
mounted() {},
methods: {
goExperts(id) {
this.$router.push({
name: 'experts',
query: {
id: id
}
});
},
data() {
return {
expertImages: [
{
'id': 1,
'image': expertImage
},
{
'id': 2,
'image': expertImage
}
],
};
},
created() {},
mounted() {},
methods: {
goExperts(id) {
this.$router.push({
name: 'experts',
query: {
'id': id
}
});
},
goTrainingcamp(id) {
this.$router.push({
name: 'trainingcamp',
query: {
'id': id
}
});
}
goTrainingcamp(id) {
this.$router.push({
name: 'trainingcamp',
query: {
id: id
}
});
}
};
}
};
</script>
<style scoped>
@import url("./scss/index.scss");
<style scoped lang="scss">
@import url('./scss/index.scss');
</style>

+ 137
- 136
src/views/optimize/trainingcamp.vue View File

@@ -9,115 +9,115 @@
</template>
</van-nav-bar>
<div class="main">
<ul>
<li :class="active == 'brief' ? 'active' : ''" @click="switchNav('brief')">简介</li>
<li :class="active == 'content' ? 'active' : ''" @click="switchNav('content')">内容</li>
<li :class="active == 'evaluate' ? 'active' : ''" @click="switchNav('evaluate')">评价</li>
<li :class="active == 'recommend' ? 'active' : ''" @click="switchNav('recommend')">推荐</li>
</ul>
<div class="brief-box" v-show="active == 'brief'">
<img src="@/assets/optimize/images/55_06.png" alt="" />
</div>
<div class="content-box" v-show="active == 'content'">
<ul>
<li :class="active == 'brief' ? 'active' : ''" @click="switchNav('brief')">简介</li>
<li :class="active == 'content' ? 'active' : ''" @click="switchNav('content')">内容</li>
<li :class="active == 'evaluate' ? 'active' : ''" @click="switchNav('evaluate')">评价</li>
<li :class="active == 'recommend' ? 'active' : ''" @click="switchNav('recommend')">推荐</li>
<li>
<p>001 小学生学习能力发展的特点</p>
<div>
<span><i>免费</i>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
<li>
<p>002 小学生学习能力发展的特点</p>
<div>
<span>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/lock.png" alt="" />
</div>
</li>
<li>
<p>003 小学生学习能力发展的特点</p>
<div>
<span><i>免费</i>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
<li>
<p>004 小学生学习能力发展的特点</p>
<div>
<span>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
</ul>
<div class="brief-box" v-show="active == 'brief'">
<img src="@/assets/optimize/images/55_06.png" alt="" />
</div>
<div class="content-box" v-show="active == 'content'">
<ul>
<li>
<p>001 小学生学习能力发展的特点</p>
<div>
<span><i>免费</i>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
<li>
<p>002 小学生学习能力发展的特点</p>
<div>
<span>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/lock.png" alt="" />
</div>
</li>
<li>
<p>003 小学生学习能力发展的特点</p>
<div>
<span><i>免费</i>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
<li>
<p>004 小学生学习能力发展的特点</p>
<div>
<span>09:26 | 11034次播放</span>
<img src="@/assets/optimize/icons/play.png" alt="" />
</div>
</li>
</ul>
</div>
<div class="evaluate-box" v-show="active == 'evaluate'">
<ul>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
</ul>
</div>
<div class="recommend-box" v-show="active == 'recommend'">
<ul>
<li>
<h4>孩子自主学习力提升实操课</h4>
<p>入门易学</p>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
<li>
<h4>给孩子的文学课</h4>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
<li>
<h4>孩子自主学习力提升实操课</h4>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
</ul>
</div>
</div>
<div class="evaluate-box" v-show="active == 'evaluate'">
<ul>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
<li>
<div class="top">
<img src="@/assets/optimize/icons/3_55.png" alt="" />
<div>
<p>张杰妈妈</p>
<span>12.18 51:13 广州</span>
</div>
</div>
<p>买了好多课，这个是最值得的，真的实用，思路清晰</p>
<span>21.孩子的适应能力怎么训练？</span>
</li>
</ul>
</div>
<div class="recommend-box" v-show="active == 'recommend'">
<ul>
<li>
<h4>孩子自主学习力提升实操课</h4>
<p>入门易学</p>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
<li>
<h4>给孩子的文学课</h4>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
<li>
<h4>孩子自主学习力提升实操课</h4>
<span>播放</span>
<img src="@/assets/optimize/images/3_48.png" alt="" />
</li>
</ul>
</div>
</div>
<!-- 底部导航 -->
<TabBar />
@@ -125,34 +125,35 @@
</template>

<script>
import TabBar from '@/components/TabBar';
export default {
components: {
TabBar
},
data() {
return {
active: 'brief'
};
},
created() {
console.log(this.$route.query)
},
mounted() {},
methods: {
// 返回
onNavBack() {
this.$router.push({
name: 'Optimize'
});
},
// 切换
switchNav(e) {
this.active = e
}
}
};
import TabBar from '@/components/TabBar';
export default {
components: {
TabBar
},
data() {
return {
active: 'brief'
};
},
created() {
console.log(this.$route.query);
},
mounted() {},
methods: {
// 返回
onNavBack() {
this.$router.push({
name: 'Optimize'
});
},
// 切换
switchNav(e) {
this.active = e;
}
}
};
</script>
<style scoped>
@import url("./scss/trainingcamp.scss");
"
<style scoped lang="scss">
@import url('./scss/trainingcamp.scss');
</style>

+ 1
- 1
src/views/today/index.vue View File

@@ -254,6 +254,6 @@ export default {
}
};
</script>
<style scoped>
<style scoped lang="scss">
@import url('./scss/index.scss');
</style>

Write Preview
Loading…
Cancel
Save