diff --git a/ldcake-ui/components/c-developer/c-developer.vue b/ldcake-ui/components/c-developer/c-developer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..20ec2157fa8f5a6a39752ed4ef7221b65ec4f00f
--- /dev/null
+++ b/ldcake-ui/components/c-developer/c-developer.vue
@@ -0,0 +1,254 @@
+<template>
+	<view class="developer">
+		<view :class="{'developerMask': isShow}" @click="close" @touchmove.stop.prevent="returnHandle">
+			<view class="developer__content" :class="{'developerShow':isShow}" @touchmove.stop.prevent="returnHandle" @tap.stop="returnHandle">
+				<view class="developer__content-title">开发者模式</view>
+				<view class="developer__content-padding">
+					<radio-group @change="radioChange">
+						<label class="developer__content-cell" v-for="(item,index) in list" :key="index" @touchmove.stop.prevent="returnHandle">
+							<radio :color="themeColor||defaultColor" :value="item.value" :checked="item.checked" />
+							<text>{{item.label}}</text>
+						</label>
+					</radio-group>
+					<input class="developer__content-custom" placeholder-style="font-size:26rpx"
+					 placeholder="请输入自定义服务器地址(注意使用英文标点符号)" type="text" v-model="customValue" v-if="isCustom"/>
+				</view>
+				<view class="developer__footer" @touchmove.stop.prevent="returnHandle" @tap.stop="returnHandle">
+					<view class="developer__footer-cancel" @click="reset">重置</view>
+					<view class="developer__footer-confirm" :style="[{backgroundColor: themeColor||defaultColor}]" @click="confirm">确认</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"c-developer",
+		props:{
+			// 点击次数达到目标值，触发隐藏操作
+			total: {
+				type: Number,
+				default: 10
+			},
+			// 有效时间(单位秒)
+			effectiveTime: {
+				type: Number,
+				default: 5
+			},
+			// 主题色
+			themeColor: {
+				type: String,
+				default: ''
+			},
+			/**
+			 * 
+			 [{
+						value: 'http://192.168.1.1',
+						label: '正式服务器'
+					}, {
+						value: 'http://192.168.1.2',
+						label: '测试服务器'
+					}, {
+						value: 'http://192.168.1.3',
+						label: '自定义服务器(非开发人员禁用)',
+						custom: true // 是否自定义
+				}]
+			 */
+			list: {
+				type: Array,
+				default: ()=> {
+					return []
+				}
+			},
+			// 默认值
+			defaultValue: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				clickNum: 0,
+				isShow: false,
+				defaultColor: '',
+				customValue: '',
+				isCustom:false,
+			}
+		},
+		mounted() {
+			this.defaultColor = this.$c.color.primary;
+			this.reset()
+		},
+		methods:{
+			returnHandle() {},
+			radioChange(e){
+				const value = e.detail.value
+				const index = this.getIndexByName(value)
+				this.handleStatus(index)
+			},
+			// 处理当前环境状态
+			handleStatus(index){
+				if(!this.list.length){
+					return
+				}
+				if(this.list[index].custom){
+					this.isCustom = true
+				}else{
+					this.isCustom = false
+				}
+				this.list.forEach((item, lIndex)=>{
+					this.$set(this.list[lIndex], 'checked' , false)
+				})
+				this.customValue = this.list[index].value
+				this.$set(this.list[index], 'checked' , true)
+			},
+			getIndexByName(name){
+				let existIndex = 0
+				this.list.forEach((item, index)=>{
+					if(item.value === name){
+						existIndex = index
+					}
+				})
+				return existIndex
+			},
+			open(){
+				if(!this.list.length){
+					console.warn("暂未设置开发者模式数据")
+					return
+				}
+				this.clickNum++
+				let countNum = this.total
+				if (this.clickNum > (countNum - countNum / 2) && this.clickNum < countNum) {
+					uni.showToast({
+						title: '只需' + (countNum - this.clickNum) + '步操作即可进入开发者模式',
+						icon: "none",
+						duration: 800
+					});
+				}
+				if (this.clickNum >= countNum) {
+					this.clickNum = 0
+					this.reset()
+					uni.showToast({
+						title: '您现在处于开发者模式',
+						icon: "none",
+						duration: 3000,
+						complete:() =>{
+							this.isShow = true
+						}
+					})
+				}
+				setTimeout(() => {
+					this.clickNum = 0
+				}, this.effectiveTime*1000)
+			},
+			close(){
+				this.isShow = false
+			},
+			reset(){
+				this.isCustom = false
+				const index = this.getIndexByName(this.defaultValue)
+				this.handleStatus(index)
+			},
+			confirm(){
+				if(this.$c.isEmpty(this.customValue)&&this.isCustom){
+					uni.showToast({
+						title: '请填写自定义数据',
+						icon: "none",
+						duration: 3000
+					})
+					return
+				}
+				this.close()
+				this.$emit('confirm', this.customValue)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+.developer{
+	&__content{
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		background-color: #FFF;
+		transition: all 0.3s ease;
+		transform: translateY(100%);
+		z-index: 998;
+		padding-bottom: constant(safe-area-inset-bottom);///兼容 IOS<11.2/
+		padding-bottom: env(safe-area-inset-bottom);///兼容 IOS>11.2/
+		
+		&-title{
+			padding: 24rpx;
+			font-size: 36rpx;
+			text-align: center;
+			border-bottom: 1rpx solid #EEE;
+		}
+		
+		&-cell{
+			display: flex;
+			align-items: center;
+			margin-bottom: 16rpx;
+			font-size: 30rpx;
+			&:last-child{
+				margin-bottom: 0;
+			}
+		}
+		
+		&-custom{
+			border: 1rpx solid #EEE;
+			height: 70rpx;
+			line-height: 70rpx;
+			margin-top: 20rpx;
+			padding: 0 10rpx;
+			border-radius: 10rpx;
+		}
+		
+		&-padding{
+			padding: 30rpx 40rpx;
+		}
+	}
+	
+	&__footer {
+		display: flex;
+		height: 90rpx;
+		font-size: 36rpx;
+		line-height: 90rpx;
+		
+		view {
+			display: block;
+			flex: 1;
+			text-align: center;
+		}
+		
+		&-cancel {
+			color: #282828;
+			background: #EDEDED;
+		}
+		
+		&-confirm {
+			color: #fff;
+		}
+	}
+	
+	radio{
+		transform: scale(.8);
+	}
+}
+
+.developerMask {
+		position: fixed;
+		z-index: 998;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.6);
+	}
+	
+	.developerShow {
+		transform: translateY(0);
+	}
+</style>
diff --git a/ldcake-ui/package.json b/ldcake-ui/package.json
index 411dda3663ce1209dfa1c8a3d67e0ae48ad21db2..c6b7573222b05afa775b701e0a7c29b6438aa71b 100644
--- a/ldcake-ui/package.json
+++ b/ldcake-ui/package.json
@@ -1,6 +1,6 @@
 {
 		"name": "ldcake-ui",
-		"version": "1.1.0",
+		"version": "1.1.1",
 		"description": "基于uni-app的UI组件库",
 		"main": "index.js",
 		"scripts": {
diff --git a/mixins/common.js b/mixins/common.js
index 5a80a1ad8902b77259826de18018dfe24926c08b..6392a19f339476a98bdb7de8decbadd951610b72 100644
--- a/mixins/common.js
+++ b/mixins/common.js
@@ -38,6 +38,10 @@ export default {
 					name: '关键字高亮（highlight）',
 					url: '/pages/components/highlight/highlight'
 				},
+				{
+					name: '开发者模式（developer）',
+					url: '/pages/components/developer/developer'
+				},
 			],
 			toolList: [
 				{
diff --git a/pages.json b/pages.json
index 60b1c8ae31062bf08c96377ae082f66f7bbe96aa..be7c297c773ac3be26581dbaf9e6593cc09f80a2 100644
--- a/pages.json
+++ b/pages.json
@@ -63,43 +63,42 @@
 			"enablePullDownRefresh": false
 		}
 
-	}    ,{
-            "path" : "pages/components/blank-bar/blank-bar",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/components/signal/signal",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/components/watermark/watermark",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/components/highlight/highlight",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-    ],
+	}, {
+		"path": "pages/components/blank-bar/blank-bar",
+		"style": {
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/components/signal/signal",
+		"style": {
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/components/watermark/watermark",
+		"style": {
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/components/highlight/highlight",
+		"style": {
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/components/developer/developer",
+		"style": {
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+
+	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "绿豆糕组件库",
diff --git a/pages/components/developer/developer.vue b/pages/components/developer/developer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3133f6ca35a7a0e74c5738e9379cf10cadf6d2b1
--- /dev/null
+++ b/pages/components/developer/developer.vue
@@ -0,0 +1,51 @@
+<template>
+	<view>
+		<view class="c-demo">
+			<view class="c-demo-wrap mt-30">
+				<view class="c-demo-title">演示效果</view>
+				<view class="c-demo-area">
+					<view class="c-demo-result-line" @click="show">
+						连续点我进入开发者模式
+					</view>
+				</view>
+			</view>
+		</view>
+		<c-developer ref="developer" :defaultValue="defaultValue" :total='5' :list="list" @confirm="confirm"></c-developer>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+						value: 'http://192.168.1.1',
+						label: '正式服务器'
+					}, {
+						value: 'http://192.168.1.2',
+						label: '测试服务器'
+					}, {
+						value: 'http://192.168.1.3',
+						label: '自定义服务器(非开发人员禁用)',
+						custom: true
+				}],
+				defaultValue: 'http://192.168.1.2'
+			}
+		},
+		onLoad({title}) {
+			this.setNavigationBarTitle(title)
+		},
+		methods: {
+			show(){
+				this.$refs.developer.open()
+			},
+			confirm(val){
+				this.defaultValue = val
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>