You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 lines
4.9 KiB
192 lines
4.9 KiB
<template>
|
|
<view class="page">
|
|
<view class="box_1">
|
|
<view class="group_1">
|
|
<view class="box_2">
|
|
<view class="section_2">
|
|
<view class="nav-bar_1">
|
|
<view class="searchbtn"></view>
|
|
<input class="searchinput" type="text">
|
|
</view>
|
|
</view>
|
|
<view class="artdetail">
|
|
<view class="art_title">{{art.title}}</view>
|
|
<view>
|
|
<mp-html :content="art.content" />
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import { setCartTabBadge } from '@/core/app'
|
|
import * as Api from '@/api/page'
|
|
const App = getApp()
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
// 页面参数
|
|
options: {},
|
|
art:{
|
|
title:'德意文化',
|
|
content:'是一家以传播国学易经文化为使命的专业化培训咨询机构。秉承让更多人实现“自我维护、生命平衡、财丁两旺、心想事成"的愿景,意在传播推广国学易经文化的应用惠及大众,为更多个人和企业保驾护航。<br><br><img src="../../static/article/1.png" class="image_6"/><br>历经10余载，会员遍及全国各地、港澳台以及美国、英国、法国、俄罗斯、等众多国家。<br><br><img src="../../static/article/2.png" class="image_7"/> <br>在全国40多个大中型城市分别每月定期举办大型国学论坛，人气如虹，能量满满。一波又一波的有缘人走进德易文化，学习国学易经文化，遵循天人合一的自然法则，坚持敬畏自律感恩，激活能量受体，融入高能环境，做顺应规律的事，助人为乐，厚德配位，不断积累福报，配合学习、成长、改变，认知规律、顺应规律、不做违背规律的事，从而实现了心中有数可掌控、长长久久可持续、只增不减的越来越好的人生结果。<br><br><img src="../../static/article/3.png" /><br>德易文化一直坚守并传承着最为核心的修为四训：放下期待、活在当下，顺势而为、修为自己，助人为乐、厚德配位，逢凶化吉、趋吉避凶。天行健,君子以自强不息;地势坤,君子以厚德载物″。<br> 德意文化将秉承易经文化传承之心,肩负国学传播使命,让更多人了解易经文化,应用易经文化,实现心中有数的美满人生。您对我们的一份信任，就是我们百分之百的责任。'
|
|
}
|
|
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
// 当前页面参数
|
|
this.options = options
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
},
|
|
|
|
methods: {
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.page {
|
|
background-color: rgba(255,255,255,1.000000);
|
|
position: relative;
|
|
width: 750rpx;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.box_1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 750rpx;
|
|
}
|
|
.group_1 {
|
|
width: 750rpx;
|
|
background: url(../../static/greanbg.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
flex-direction: row;
|
|
display: flex;
|
|
}
|
|
.box_2 {
|
|
width: 750rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.section_1 {
|
|
width: 651rpx;
|
|
height: 22rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 39rpx 0 0 70rpx;
|
|
}
|
|
.text_1 {
|
|
width: 56rpx;
|
|
height: 19rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 28rpx;
|
|
font-family: SFProText-Semibold;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
.image_1 {
|
|
width: 32rpx;
|
|
height: 20rpx;
|
|
margin: 1rpx 0 0 475rpx;
|
|
}
|
|
.image_2 {
|
|
width: 29rpx;
|
|
height: 20rpx;
|
|
margin-left: 9rpx;
|
|
}
|
|
.group_2 {
|
|
height: 22rpx;
|
|
margin-left: 9rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 41rpx;
|
|
}
|
|
.group_3 {
|
|
background-color: rgba(255,255,255,1.000000);
|
|
border-radius: 2rpx;
|
|
width: 34rpx;
|
|
height: 14rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 4rpx 0 0 4rpx;
|
|
}
|
|
.section_2 {
|
|
width: 750rpx;
|
|
margin-top: 19rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
background-image: url('../../static/logo.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 197rpx;
|
|
height: 220rpx;
|
|
}
|
|
.nav-bar_1 {
|
|
width: 200rpx;
|
|
height: 38rpx;
|
|
margin: 18rpx 0 0 21rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
background-image: url(../../static/seachinput.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
.searchbtn
|
|
{
|
|
width: 50rpx;
|
|
height: 38rpx;
|
|
}
|
|
|
|
.searchinput
|
|
{
|
|
height: 38rpx;
|
|
width: 150rpx;
|
|
font-size: 24rpx;
|
|
color:#fff;
|
|
}
|
|
}
|
|
|
|
.art_title
|
|
{
|
|
font-size: 48rpx;
|
|
color:#ddd;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.artdetail
|
|
{
|
|
color:#ddd;
|
|
margin:40rpx 30rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
</style>
|
|
|