第一次提交
This commit is contained in:
caolc
@@ -125,7 +125,7 @@ var components
|
||||
try {
|
||||
components = {
|
||||
uniIcons: function() {
|
||||
return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 395))
|
||||
return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 448))
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
@@ -334,7 +334,11 @@ var _default = { data: function data() {return { user: null, collection: [], men
|
||||
descTitle: '', //模块描述标题
|
||||
descContent: '', //模块描述内容
|
||||
activeIndex: 1 //默认下标
|
||||
};}, onLoad: function onLoad() {this.styles = uni.getMenuButtonBoundingClientRect();}, created: function created() {this.initFn();}, watch: { collection: function collection(n, o) {uni.setStorageSync('collection', n);} }, methods: { close: function close() {uni.showModal({ title: '提示', content: '确认退出登录', success: function success(res) {if (res.confirm) {_oilIdentity.default.logoutAuthSystem().then(function (res) {uni.redirectTo({ url: '../login/login?type=1' });});} else if (res.cancel) {console.log('用户点击取消');}} });}, jump: function jump(e) {if (this.user.authList.includes(e.lable)) {uni.navigateTo({ url: e.router, fail: function fail(e) {console.log('失败');} });} else {uni.showToast({ title: '暂无权限', icon: 'none' });
|
||||
};}, onLoad: function onLoad() {this.styles = uni.getMenuButtonBoundingClientRect();}, created: function created() {this.initFn();}, watch: { menuIndex: function menuIndex(n, o) {console.log(n, 'menuIndex');}, collection: function collection(n, o) {uni.setStorageSync('collection', n);} }, methods: { close: function close() {uni.showModal({ title: '提示', content: '确认退出登录', success: function success(res) {if (res.confirm) {_oilIdentity.default.logoutAuthSystem().then(function (res) {uni.redirectTo({ url: '../login/login?type=1' });});} else if (res.cancel) {console.log('用户点击取消');}} });}, jump: function jump(e) {if (this.user.authList.includes(e.lable)) {uni.navigateTo({ url: e.router, fail: function fail(e) {console.log('失败');} });} else {
|
||||
uni.showToast({
|
||||
title: '暂无权限',
|
||||
icon: 'none' });
|
||||
|
||||
}
|
||||
},
|
||||
remove: function remove(e) {
|
||||
@@ -350,9 +354,10 @@ var _default = { data: function data() {return { user: null, collection: [], men
|
||||
return this.collection.filter(function (item) {return e.name == item.name;}).length == 0 ? '#bbbbbb' : '#FFB730';
|
||||
},
|
||||
initFn: function initFn() {var _this = this;
|
||||
this.menuList = _menu.default;
|
||||
this.menuList = JSON.parse(JSON.stringify(_menu.default));
|
||||
this.menuList.forEach(function (item, index) {
|
||||
item = Object.assign(item, _this.circularPositioning(index));
|
||||
console.log(item, '=========');
|
||||
});
|
||||
this.trackingPosition.x = this.menuList[0].x;
|
||||
this.trackingPosition.y = this.menuList[0].y;
|
||||
@@ -438,15 +443,19 @@ var _default = { data: function data() {return { user: null, collection: [], men
|
||||
|
||||
// }
|
||||
// // NO=8
|
||||
this.Submenu = true;
|
||||
this.Submenu = false;
|
||||
var average = 360 / this.menuList.length;
|
||||
this.trackingPosition.angle = index * average;
|
||||
this.trackingPosition.fangle = -this.trackingPosition.angle;
|
||||
this.menuIndex = null;
|
||||
// this.menuIndex = null
|
||||
if (this.menuList[this.menuIndex].colorOpen) {
|
||||
this.menuList[this.menuIndex].colorOpen = false;
|
||||
}
|
||||
setTimeout(function () {
|
||||
_this3.menuIndex = index;
|
||||
_this3.menuList[_this3.menuIndex].colorOpen = true;
|
||||
_this3.Submenu = true;
|
||||
}, 500);
|
||||
|
||||
},
|
||||
circularPositioning: function circularPositioning(index, position) {
|
||||
var avd = this.PI / this.menuList.length; //每一个 img-box 对应的角度
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view class="home_page_container"><view class="home_page_header" style="{{'padding-top:'+(styles.top+styles.height+'px')+';'}}"><view class="home_page_header_title">{{''+(user.name?'Hi ,'+user.name:user.userPhone?user.userPhone:'暂未设置')+''}}<uni-icons class="iconclass" vue-id="e2face04-1" color="#ffffff" custom-prefix="iconfont" type="iconkaiguan" size="35" data-event-opts="{{[['^tap',[['close']]]]}}" catch:tap="__e" bind:__l="__l"></uni-icons></view><view class="home_page_header_identity">{{user.roles[0].roleName}}</view></view><view class="home_page_menu" style="{{'transform:'+('rotate('+180+'deg)')+';'}}"><view class="home_page_menu_name">{{''+(menuList[menuIndex].name?menuList[menuIndex].name:'')+''}}</view><view class="bgtracking"></view><view class="bj"></view><view data-event-opts="{{[['tap',[['gestureAnalysis',['$event']]]]]}}" class="home_page_menu_circular" style="{{'transform:'+('rotate('+trackingPosition.angle+'deg)')+';'}}" bindtap="__e"><block wx:for="{{menuList}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['menuClick',[index]]]]]}}" class="home_page_menu_item" style="{{'left:'+(item.x)+';'+('top:'+(item.y)+';')+('transform:'+('rotate('+(180+trackingPosition.fangle)+'deg)')+';')}}" bindtap="__e"><uni-icons class="menu_icon" style="{{'transform:'+('scale('+(menuIndex==index?1.2:1)+')')+';'}}" vue-id="{{'e2face04-2-'+index}}" color="{{menuIndex==index?'#2866FF':'#ffffff'}}" custom-prefix="iconfont" type="{{item.icon}}" size="25" bind:__l="__l"></uni-icons></view></block></view></view><view class="Submenu" style="{{'transform:'+('translateY('+(menuIndex!==null&&Submenu?0:-433)+'rpx)')+';'}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{item.g0}}"><view data-event-opts="{{[['tap',[['jump',['$0'],[[['menuList.'+menuIndex+'.submenu','',index]]]]]]]}}" class="Submenu_item" catchtap="__e"><view data-event-opts="{{[['tap',[['collectionFn',['$0'],[[['menuList.'+menuIndex+'.submenu','',index]]]]]]]}}" class="label" catchtap="__e"><uni-icons vue-id="{{'e2face04-3-'+index}}" color="{{item.m0}}" custom-prefix="iconfont" type="iconshoucang-yishoucang" size="30" bind:__l="__l"></uni-icons></view><view class="Submenu_item_name">{{item.$orig.name}}</view></view></block></block></view><view class="collection"><block wx:for="{{collection}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['jump',['$0'],[[['collection','',index]]]]]]]}}" class="collection_item" catchtap="__e"><view data-event-opts="{{[['tap',[['remove',['$0'],[[['collection','',index]]]]]]]}}" class="tip" catchtap="__e"><uni-icons vue-id="{{'e2face04-4-'+index}}" custom-prefix="iconfont" color="#ffffff" type="iconchiping" size="20" bind:__l="__l"></uni-icons></view><view class="collection_item_name"><uni-icons vue-id="{{'e2face04-5-'+index}}" custom-prefix="iconfont" color="#2866FF" type="{{item.icon}}" size="30" bind:__l="__l"></uni-icons><view class="collection_item_text">{{item.name}}</view></view></view></block><view class="collectionbg"><block wx:for="{{3}}" wx:for-item="item" wx:for-index="index"><view class="collection_itembg"><view><text>点击</text><uni-icons style="margin-left:10rpx;" vue-id="{{'e2face04-6-'+index}}" color="#bbbbbb" custom-prefix="iconfont" type="iconshoucang-yishoucang" size="12" bind:__l="__l"></uni-icons></view><view>收藏</view></view></block></view></view></view>
|
||||
<view class="home_page_container"><view class="home_page_header" style="{{'padding-top:'+(styles.top+styles.height+'px')+';'}}"><view class="home_page_header_title">{{''+(user.name?'Hi ,'+user.name:user.userPhone?user.userPhone:'暂未设置')+''}}<uni-icons class="iconclass" vue-id="e2face04-1" color="#ffffff" custom-prefix="iconfont" type="iconkaiguan" size="35" data-event-opts="{{[['^tap',[['close']]]]}}" catch:tap="__e" bind:__l="__l"></uni-icons></view><view class="home_page_header_identity">{{user.roles[0].roleName}}</view></view><view class="home_page_menu" style="{{'transform:'+('rotate('+180+'deg)')+';'}}"><view class="home_page_menu_name">{{''+(menuList[menuIndex].name?menuList[menuIndex].name:'')+''}}</view><view class="bgtracking"></view><view class="bj"></view><view data-event-opts="{{[['tap',[['gestureAnalysis',['$event']]]]]}}" class="home_page_menu_circular" style="{{'transform:'+('rotate('+trackingPosition.angle+'deg)')+';'}}" bindtap="__e"><block wx:for="{{menuList}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['menuClick',[index]]]]]}}" class="home_page_menu_item" style="{{'left:'+(item.x)+';'+('top:'+(item.y)+';')+('transform:'+('rotate('+(180+trackingPosition.fangle)+'deg)')+';')}}" bindtap="__e"><uni-icons class="menu_icon" style="{{'transform:'+('scale('+(menuIndex==index?1.2:1)+')')+';'}}" vue-id="{{'e2face04-2-'+index}}" color="{{item.colorOpen?'#2866FF':'#ffffff'}}" custom-prefix="iconfont" type="{{item.icon}}" size="25" bind:__l="__l"></uni-icons></view></block></view></view><view class="Submenu" style="{{'transform:'+('translateY('+(Submenu?0:-433)+'rpx)')+';'}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{item.g0}}"><view data-event-opts="{{[['tap',[['jump',['$0'],[[['menuList.'+menuIndex+'.submenu','',index]]]]]]]}}" class="Submenu_item" catchtap="__e"><view data-event-opts="{{[['tap',[['collectionFn',['$0'],[[['menuList.'+menuIndex+'.submenu','',index]]]]]]]}}" class="label" catchtap="__e"><uni-icons vue-id="{{'e2face04-3-'+index}}" color="{{item.m0}}" custom-prefix="iconfont" type="iconshoucang-yishoucang" size="30" bind:__l="__l"></uni-icons></view><view class="Submenu_item_name">{{item.$orig.name}}</view></view></block></block></view><view class="collection"><block wx:for="{{collection}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['jump',['$0'],[[['collection','',index]]]]]]]}}" class="collection_item" catchtap="__e"><view data-event-opts="{{[['tap',[['remove',['$0'],[[['collection','',index]]]]]]]}}" class="tip" catchtap="__e"><uni-icons vue-id="{{'e2face04-4-'+index}}" custom-prefix="iconfont" color="#ffffff" type="iconchiping" size="20" bind:__l="__l"></uni-icons></view><view class="collection_item_name"><uni-icons vue-id="{{'e2face04-5-'+index}}" custom-prefix="iconfont" color="#2866FF" type="{{item.icon}}" size="30" bind:__l="__l"></uni-icons><view class="collection_item_text">{{item.name}}</view></view></view></block><view class="collectionbg"><block wx:for="{{3}}" wx:for-item="item" wx:for-index="index"><view class="collection_itembg"><view><text>点击</text><uni-icons style="margin-left:10rpx;" vue-id="{{'e2face04-6-'+index}}" color="#bbbbbb" custom-prefix="iconfont" type="iconshoucang-yishoucang" size="12" bind:__l="__l"></uni-icons></view><view>收藏</view></view></block></view></view></view>
|
||||
@@ -17,7 +17,7 @@
|
||||
width: 100%;
|
||||
height: 740rpx;
|
||||
background-color: #ADCEFF;
|
||||
top: 310rpx;
|
||||
top: 350rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -60,7 +60,7 @@
|
||||
position: relative;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
z-index: 2;
|
||||
line-height: 22rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
@@ -84,6 +84,7 @@
|
||||
z-index: 3;
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
font-weight: 600;
|
||||
}
|
||||
.home_page_menu_item {
|
||||
position: absolute;
|
||||
|
||||
Reference in New Issue
Block a user