123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <template>
- <view class="notice-item">
- <view class="notice_name">{{info.title}}</view>
- <view class="flex notice_text">
- <text class="">作者:{{info.author}}</text>
- <text class="">{{info.createtime}}</text>
- </view>
- <view class="notice_content" v-html="info.content"></view>
- </view>
- </template>
- <script>
- import { getDetail } from '@/api/notice.js';
- export default {
- data() {
- return {
- id:'',
- info:""
- };
- },
- onLoad(options) {
- this.id = options.id;
- this.loadData();
- },
- methods: {
-
- async loadData() {
- let obj = this;
- getDetail(obj.id).then(function(e) {
- obj.info = e.data
- })
- }
- }
- };
- </script>
- <style lang="scss">
- .container{
- width: 100%;
- color: #FFFFFF;
- background-color: #051137;
- }
- .notice_name {
- font-size: 31rpx;
- color: #ffffff;
- }
- .notice-item {
- color: #fff;
- padding: 35rpx 35rpx;
- }
- .notice_text {
- // border-bottom: 1px solid #1b1f43;
- padding: 30rpx 0rpx;
- }
- .notice_content {
- font-size: 28rpx;
- padding: 25rpx 0rpx;
- color: #fff;
- line-height: 45rpx;
- }
- </style>
|