init dev

common/css/common.css

@@ -50,5 +50,19 @@
 
 .full-search{padding-left: 16rpx;margin-bottom: 24rpx;}
 
+/* 侧边工具 */
+.aside-tool{position: fixed;top: 128rpx;right: 14rpx;}
+.aside-tool-item{margin-bottom: 35rpx;text-align: center;}
+.aside-tool-icon{width: 80rpx;height: 80rpx;margin: 0 auto;position: relative;overflow: hidden;top: 10rpx;display: flex;align-items: center;justify-content: center;border: 4rpx solid #fff;border-radius: 50%;}
+.aside-tool-icon .img{width: 100%;height: 100%;}
+.aside-tool-text{position: relative;width: 144rpx;height: 40rpx;line-height: 40rpx;background-color: #fff;border-radius: 20rpx;font-size: 24rpx;color: #0A6F44;}
+
+
+
+
+
+
+
+
 
 

pages.json

@@ -6,7 +6,6 @@
 			,"style": {
 				"navigationBarBackgroundColor":"#fff",
 				"navigationBarTitleText": "入口页"//入口页
-				// ,"titleNView": false
 			}
 		},
 		{
@@ -62,6 +61,13 @@
 				"navigationBarTitleText": "价值实现"
 			}
 		},
+		{
+			"path": "pages/use/assignment/assignment",
+			"style": {
+				"navigationBarTitleText": "碳履约",
+				"navigationStyle":"custom"
+			}
+		},
 		{
 			"path": "pages/usercenter/usercenter",
 			"style": {

pages/use/assignment/assignment.css

@@ -0,0 +1,39 @@
+page{background-color: #4EBC6B;}
+.top-img .img{height: 1130rpx;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

pages/use/assignment/assignment.vue

@@ -0,0 +1,48 @@
+<template>
+	<view class="pages">
+		<view class="top-img">
+			<image :src="$getimg + 'use-bg.png'" class="img" mode="widthFix"></image>			
+		</view>
+		<view class="aside-tool">
+			<view class="aside-tool-item">
+				<view class="aside-tool-icon">
+					<image :src="$getimg + 'icon-zhonghe.png'" class="img" mode="widthFix"></image>
+				</view>
+				<view class="aside-tool-text">关于碳履约</view>
+			</view>
+			<view class="aside-tool-item">
+				<view class="aside-tool-icon">
+					<image :src="$getimg + 'icon-zhonghe.png'" class="img" mode="widthFix"></image>
+				</view>
+				<view class="aside-tool-text">购买碳汇</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				$getimg:this.$getimg,
+				token:'',
+				params:{
+					
+				}
+				
+			}
+		},
+		onShow() {
+		},
+		onLoad() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+	@import url("./assignment.css");
+</style>

pages/use/use.vue

@@ -11,7 +11,7 @@
 					<text class="iconfont icon-jiantou"></text>
 				</view>
 			</view>
-			<view class="use-item" @click="lvyue">
+			<view class="use-item" @click="$api.href('/pages/use/assignment/assignment')">
 				<image :src="$getimg + 'icon-lvyue.png'" class="use-item-img" mode="scaleToFill"></image>
 				<view class="use-item-til">碳履约</view>
 				<view class="use-item-subtil">(仅履约企业)</view>