uniapp入门小案例

这里通过一个有关新闻的一个小案例快速入门uniapp。

前面的步骤不再叙述，直接上干货:

首先是新闻列表页index.vue

<template>
	<view class="content">
		<view class="uni-list">
			<view class="uni-list-cell" @tap="openinfo" :data-newsid="item.post_id" hover-class="uni-list-cell-hover" v-for="(item,index) in news" :key="index">
				<!--navigator页面跳转  -->
				<!-- <navigator url=""></navigator> 组件  或uni API -->
				<view class="uni-media-list">
					<image class="uni-media-list-logo" :src="item.author_avatar" mode=""></image>
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">{
  {item.title}}</view>
						<view class="uni-media-list-text-bottom uni-ellipsis">{
  {item.create