机构设置样式开发

pages/xygkJigoushezhi/xygkJigoushezhi.vue

@@ -1,6 +1,24 @@
 <template>
-	<view>
-		{{data.content}}
+	<view class="dljt-page-box">
+		<MtaNavbar></MtaNavbar>
+		<view class="dljt-container-box">
+			<view class="dljt-page-title">机构设置</view>
+			<view class="dljt-page-content-box">
+				<!-- 导航 -->
+				<view class="dljt-breadcrumb-box">
+					<view class="breadcrumb-text" @click="handleGo('shouye')">首页</view>
+					<icon class="breadcrumb-jt"></icon>
+					<view class="breadcrumb-text">学院概况</view>
+					<icon class="breadcrumb-jt"></icon>
+					<view class="breadcrumb-active">机构设置</view>
+				</view>
+				<view class="dljt-detail-box">
+					<view class="dljt-editor-box">
+						<img :src="data.content" alt="" class="img-center-top">
+					</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -23,6 +41,14 @@
 		pageInit();
 	})
 	
+	function handleGo(code) {
+		  if (code == 'shouye') {
+			  uni.navigateTo({
+			  	url: '/pages/index/index'
+			  })
+		  }
+	}
+	
 	function pageInit() {
 		httpApi.getCommonGaikuangJigouShezhiInfo().then(res => {
 			data.content = res.data.pic;