diff --git a/dc-App/pages/busNavigation/busNavigation.nvue b/dc-App/pages/busNavigation/busNavigation.nvue
index 04d2d5b..653e946 100644
--- a/dc-App/pages/busNavigation/busNavigation.nvue
+++ b/dc-App/pages/busNavigation/busNavigation.nvue
@@ -3,7 +3,93 @@
+
+
+
+
+
+ 1 h22min
+
+
+ Arrival time
+ 1 h22min
+
+
+
+
+
+
+
+
+
+
+ Rail Transit Line 2
+
+
+
+
+
+ Walk 805 meters
+ 5$
+ 15 Stations
+
+
+
+
+
+
+ My Location
+
+
+
+
+ Walk 621 meters (9 minutes)
+
+
+ Walk
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Zhudian Subway Station, Exit G
+
+
+ Line 2
+
+
+ Wangfuzhuang Direction
+
+
+ 13 stops (33 min)
+ 上车站 首06.02 末23.47
+
+ Wangfuzhuang Direction
+
+
+
+
+
+
+
+
+
+ Start Navigation
+
+
@@ -14,6 +100,14 @@
export default {
data() {
return {
+
+ translateY: 0,
+ longPressTimer: null, // 长按定时器
+ isDragging: false, // 是否正在拖动
+ colorList:[
+ "#fcd803",
+ "#009bc2"
+ ],
//打车预估路线
polyline: [],
center: {
@@ -40,8 +134,12 @@
this.startPoint = option.startPoint.split(',')
this.endPoint = option.endPoint.split(',')
this.startExecution()
-
+
+ },
+ mounted() {
+ // 设置初始的触摸起始点坐标，用于计算移动距离
+ this.startY = 0;
},
computed: {
windowHeight() {
@@ -53,6 +151,17 @@
},
methods: {
+ upper(e) {
+ console.log('Scroll to top');
+ },
+ lower(e) {
+ setTimeout(() => {
+ this.items.push(...Array.from({ length: 10 }, (_, i) =>
+ 'New Item ' + (this.items.length + i + 1)
+ ));
+ if (this.items.length >= 50) this.hasMore = false;
+ }, 1000);
+ },
startExecution() {
let that = this
uni.showLoading({
@@ -248,6 +357,208 @@
.container {
width: 750rpx;
flex: 1;
+
+ }
+
+ .ds_{
+ flex-direction: row;
+ align-items: center;
+
+ }
+ .bottom_pr {
+ min-height: 160rpx;
+ position: fixed;
+ bottom: 0rpx;
+ width: 750rpx;
+ background: #fff;
+
+ box-shadow: 0rpx -2rpx 3rpx 0rpx rgba(50,113,79,0.3);
+ overflow: hidden;
+ box-sizing: border-box;
+ padding: 30rpx;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .draggable {
+ width: 100px;
+ height: 100px;
+ background-color: blue;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 99999;
+ }
+ .bz_icon{
+ width: 100rpx;
+ height: 40rpx;
+
+ border-radius: 8rpx ;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 20rpx;
+ }
+ .b_walk{
+ width: 80rpx;
+ height: 40rpx;
+ background: #32714F;
+ border-radius: 32rpx 32rpx 32rpx 32rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ }
+ .button_{
+ width: 686rpx;
+ height: 96rpx;
+ background: #32714F;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 99999;
+
+
+ }
+ .qiu_{
+ width: 16rpx;
+ height: 16rpx;
+ border-radius: 50%;
+ background: #e8e8e8;
+ margin-right: 32rpx;
+ }
+ .c_b_box{
+ margin: 28rpx 0rpx;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .c_b_title{
+ flex-direction: row;
+ align-items: center;
+
+ }
+ .button_text{
+ color: #FFFFFF;
+ font-size: 38rpx;
+ }
+ .contenr_{
+ min-height: 160rpx;
+ position: fixed;
+ bottom: 160rpx;
+ width: 750rpx;
+ background: #fff;
+
+ }
+ .contenr_top{
+ width: 686rpx;
+
+ background: #FFFFFF;
+ box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0,0,0,0.1);
+ border-radius: 32rpx 32rpx 32rpx 32rpx;
+ margin-left: 32rpx;
+ box-sizing: border-box;
+ padding: 32rpx;
+ }
+ .c_t_box{
+ box-sizing: border-box;
+ padding-bottom: 16rpx;
+ border-bottom: 2rpx solid #F2F2F2;;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 16rpx;
+ }
+ .c_c_box{
+ margin-bottom: 16rpx;
+ }
+ .text_1{
+ font-size: 32rpx;
+ color: #333333;
+ font-weight: 600;
+ }
+ .text_2{
+ font-size: 32rpx;
+ color: #999999;
+ margin-right: 5px;
+ }
+ .text_3{
+ font-weight: 500;
+ font-size: 28rpx;
+ color: #FFFFFF;
+ }
+ .text_4{
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #999999;
+ margin-right: 10rpx;
+ }
+ .text_5{
+ font-size: 24rpx;
+ color: #333333;
+
+ margin-right: 10rpx;
+ }
+ .c_c_title{
+
+ width: 280rpx;
+ height: 48rpx;
+ border-radius: 8rpx 8rpx 8rpx 8rpx;
+ background: #fcd702;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ margin: 0px 5rpx;
+ }
+ .contenr_bottom{
+ margin-top: 40rpx;
+ box-sizing: border-box;
+ padding: 32rpx;
+ padding-bottom: 0px;
+
+ }
+ .contenr_bottom_d{
+ box-sizing: border-box;
+ padding: 32rpx;
+ padding-top: 0px;
+ flex-direction: row;
+
+ }
+ .bz_left{
position: relative;
+ margin-right: 20rpx;
+ }
+ .bz_right{
+
+ }
+ .l_t_i{
+ width: 40rpx;
+ height: 40rpx;
+ border-radius: 50%;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+
+ border: 1rpx solid #fff;
+
+ }
+ .l_t_z{
+ width: 24rpx;
+ height: 240rpx;
+
+ margin: 4rpx 0rpx;
+ margin-left: 8rpx;
+ border-radius: 16rpx ;
+
+
+ }
+ .po_box{
+ height: 360rpx;
+ overflow: auto;
+ }
+ .botton_size{
+ margin-top: 100rpx;
}
\ No newline at end of file
diff --git a/dc-App/static/imgs/icon1.png b/dc-App/static/imgs/icon1.png
new file mode 100644
index 0000000..c06d27e
Binary files /dev/null and b/dc-App/static/imgs/icon1.png differ
diff --git a/dc-App/static/imgs/icon2.png b/dc-App/static/imgs/icon2.png
new file mode 100644
index 0000000..ed0e3b2
Binary files /dev/null and b/dc-App/static/imgs/icon2.png differ
diff --git a/dc-App/static/imgs/icon3.png b/dc-App/static/imgs/icon3.png
new file mode 100644
index 0000000..3233055
Binary files /dev/null and b/dc-App/static/imgs/icon3.png differ
diff --git a/dc-App/static/imgs/icon4.png b/dc-App/static/imgs/icon4.png
new file mode 100644
index 0000000..bb884d5
Binary files /dev/null and b/dc-App/static/imgs/icon4.png differ